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

Posted 2023-05-08

【中文标题】获取报告后通过 jquery 日期选择器保留输入值

【英文标题】：keep input values through jquery Date picker after getting reports

【发布时间】：2017-07-25 06:17:49

【问题描述】：

我有两个输入日期开始日期和结束日期。我想在获得报告后将值保留在这些文本框中。它可以工作，但是当我点击文本字段时得到报告后，日期选择器不会弹出开始日期。在 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>

【参考方案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/

【讨论】：

感谢您的宝贵时间。但我很抱歉你没有理解我的问题。在输入字段中，我默认输入当前日期，但通过日期选择器用户可以选择任何日期，在获得报告后，我想在两个输入字段中保留所选值，该部分工作正常，但在获得报告后，如果我再次想选择任何从日期选择器中获取日期，然后我无法获取某个字段的日期选择器。你明白吗？

注明。对于那个很抱歉。如果可以，我可以看看你的 html 和 js 源代码，了解你是如何生成报告的吗？这样我们就可以看到为什么当您尝试单击两个输入 [date] 字段时 [datepicker] 不起作用？