通過jquery在文本框中保留輸入日期日期選擇器

Question

我想在獲取報告後在文本字段中保留值。文本框有默認的當前日期，但可以通過jquery datepicker分配一個新的值。所以當我選擇一個日期（例如27/10/2015）時，它應該在獲得報告後保留在文本框中。問題是當我搜索記錄值重置爲當前日期。誰能幫忙？這裏

<input runat="server" id="txtstartDate" type="text" /> 
<input runat="server" id="txtFinishDate" type="text" /> 

JQuery的

<script> 
$(document).ready(function() { 

    $(function() { 
     $("#txtstartDate").datepicker().datepicker("setDate", new Date()); 
     $("#txtFinishDate").datepicker().datepicker("setDate", new Date()); 

    }); 
}); 

Answer 1

是的，我回答我的問題，以改變

<input runat="server" id="txtstartDate" type="text" /> 
<input runat="server" id="txtFinishDate" type="text" /> 

到

<asp:TextBox runat="server" ID="txtstartDate" /> 
<asp:TextBox runat="server" ID="txtFinishDate" /> 

和

$(document).ready(function() { 

    $(function() { 
     $("#txtstartDate").datepicker().datepicker("setDate", new Date()); 
     $("#txtFinishDate").datepicker().datepicker("setDate", new Date()); 

    }); 
}); 

。因此，根據我的要求，我必須將當前日期填充爲默認值，並且必須根據需要從datepicker中選擇日期。而且我也必須在得到報告後保留價值。所以，首先我改變

<input runat="server" id="txtstartDate" type="text" /> 
<input runat="server" id="txtFinishDate" type="text" /> 

到

<asp:TextBox runat="server" ID="txtstartDate" /> 
<asp:TextBox runat="server" ID="txtFinishDate" /> 

，然後在頁面加載

protected void Page_Load(object sender, EventArgs e) 
    { 
     if (!Page.IsPostBack) 
     { 
      txtstartDate.Text = DateTime.Today.Date.ToString("dd/MM/yyyy"); 
      txtFinishDate.Text = DateTime.Today.Date.ToString("dd/MM/yyyy"); 
     } 
    } 

填充這些文本框和jQuery的我這兩個文件只defind日期選擇器。

<script> 
    $(document).ready(function() { 
     $("[id$='txtstartDate']").datepicker(); 
     $("[id$='txtFinishDate']").datepicker(); 
    }); 


</script> 

這就是我想出的解決方案。希望這可能對其他人有幫助。

Answer 2

問題是ViewState。它回發後檢索您的值。當您生成報告時，您正在發佈這些值，並且因爲您使用了html控件而沒有收回它們。您應該使用Asp.Net控件來利用ViewState。你只需要通過

$(document).ready(function() { 

    $(function() { 
     if($("[id$='txtstartDate']").val() == "") 
      $("[id$='txtstartDate']").datepicker().datepicker("setDate", new Date()); 
     if($("[id$='txtFinishDate']").val() == "") 
      $("[id$='txtFinishDate']").datepicker().datepicker("setDate", new Date()); 

     }); 
    });