Javascript div上的日期选择器,具有默认值或querystring中的值
所以,我在一个div元素上使用了datepicker(这样日历就会一直打开)。 我有一个默认值,但在某些情况下,我希望从查询字符串中的值开始 我试图将值放入div中,它只是显示在div上,而不是日期选择器上:/ 部分html如下所示:Javascript div上的日期选择器,具有默认值或querystring中的值,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,所以,我在一个div元素上使用了datepicker(这样日历就会一直打开)。 我有一个默认值,但在某些情况下,我希望从查询字符串中的值开始 我试图将值放入div中,它只是显示在div上,而不是日期选择器上:/ 部分html如下所示: <div data-role="page" id="datepickerPage"> <div id="dateDepart" class="datepicker"></div> </div> 在常规页面加载中
<div data-role="page" id="datepickerPage">
<div id="dateDepart" class="datepicker"></div>
</div>
在常规页面加载中,我从查询字符串加载一个日期,并将其放入DIV:
//singleParam is the isolated date query string
singleParam = ("from=19%2f02%2f2015").split("=");
$("#dateDepart").html(unescape(singleParam[1]));
我从这段代码中得到的是div中的日期2015年2月19日,它是图灵到日期选择器的,但是日期选择器保持默认日期(+1周)。。。(2015年2月11日)
帮助???最终,我的解决方案是将defaultDate更改为参数:
var defaultDateParam = "+1w";
如果我得到一个查询参数,我会将defaultDateParam替换为该值
所以我的init现在看起来像这样:
$("#dateDepart").datepicker({
minDate: 0,
yearRange: "-0:+1",
changeYear: true,
defaultDate: defaultDateParam,
changeMonth: true,
numberOfMonths: 1,
onChangeMonthYear: function (year, month, inst) {
//some function
},
onSelect: function (selectedDate, inst) {
//some function
},
});
谢谢 为什么不在页面加载后使用方法?谢谢,但是日期选择器还没有初始化(在页面加载时),只是在加载之后。如果我必须的话,我可以改变它,我宁愿不改变。我希望在输入时的行为与datapicker相同,因此如果它有值,它会将该值作为所选日期。在页面加载时,datepicker还不存在,只有在用户进入页面#datepickerPage后,我才能在之后执行setDate,但我希望整个查询句柄都发生在主页加载上。。。
$("#dateDepart").datepicker({
minDate: 0,
yearRange: "-0:+1",
changeYear: true,
defaultDate: defaultDateParam,
changeMonth: true,
numberOfMonths: 1,
onChangeMonthYear: function (year, month, inst) {
//some function
},
onSelect: function (selectedDate, inst) {
//some function
},
});