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

时间:2017-03-05 11:12:55

标签: jquery asp.net datepicker

我有两个输入日期开始日期和结束日期。我想在获取报告后保留这些文本框中的值。它工作但在我点击文本字段后获得报告后,datepicker不会弹出开始日期。如果条件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>

1 个答案:

答案 0 :(得分:0)

如果我理解正确,您希望将日期值设置为&#39;对于开始日期和结束日期的每个输入文本框。

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

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

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

其次,当您在控制台中查找时,这行代码将返回JS错误:

  
    

未捕获的TypeError: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);
});

以下是详细信息:http://jsfiddle.net/gz066enh/