获取报告后通过 jquery 日期选择器保留输入值
Posted
技术标签:
【中文标题】获取报告后通过 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] 不起作用?以上是关于获取报告后通过 jquery 日期选择器保留输入值的主要内容,如果未能解决你的问题,请参考以下文章
带有手动输入和动态最小日期的 jQuery UI 日期选择器