通过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

这里的问题是ViewState。它在回发后检索您的值。当您生成报告时，您发布了这些值并且您没有将它们取回，因为您使用了html 控件。您应该使用Asp.Net 控件来利用ViewState。你只需要改变

<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());

    });
});

由

$(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());

      });
    });

Answer 2

是的，我正在回答我自己的问题。因此，根据我的要求，我必须将当前日期填充为默认值，而不是在需要时从 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 中，我只是为这两个文件定义了 datepicker。

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


</script>

这就是我想出解决方案的方法。希望它可能对其他人有所帮助。