获取报告后通过 jquery 日期选择器保留输入值

Question

我有两个输入日期开始日期和结束日期。我想在获得报告后将值保留在这些文本框中。它可以工作，但是当我点击文本字段时得到报告后，日期选择器不会弹出开始日期。在 if 条件 Datepicker 显示第一个项目的开始日期或结束日期。有人可以帮忙吗？

<input runat="server" id="txtstartDate" type="text"   />
<input runat="server" id="txtFinishDate" type="text"  />
<label   id="lblHiddenStartDate" style="display:none;"></label>
<label   id="lblHiddenEndDate" style="display:none;"></label>

jquery

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

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

        });
       if ('<%=this.IsPostBack%>'.toLowerCase() == 'true') {
            $('#txtFinishDate').datepicker().val(($("lblHiddenEndDate").val));
            $('#txtstartDate').datepicker().val(($("lblHiddenStartDate").val));
        }

    });
</script>

Answer 1

如果我理解正确，您想为开始和结束日期的每个输入文本框“放置日期值”。

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

首先，不确定是否需要调用 jquery ui datepicker 两次。

$('#txtFinishDate').datepicker().val(($("lblHiddenEndDate").val));

其次，这行代码在你的控制台中查找时会返回一个JS错误：

未捕获的类型错误：this.each 不是函数

无论如何，我设置了一个示例代码作为您需要的参考。希望这对您的问题有所帮助。

$(document).ready(function() {
    var sHiddenStartDate = $.trim($('#lblHiddenStartDate').text());
    var sHiddenEndDate = $.trim($('#lblHiddenEndDate').text());

    // You call datepicker then setup your value for that input box
    $('#txtstartDate').datepicker().val(sHiddenStartDate);
    $('#txtFinishDate').datepicker().val(sHiddenEndDate);
});

这里有一个 jsfiddle 以获得更多详细信息：http://jsfiddle.net/gz066enh/