带有两个字段的jQueryUI日期选择器
我正试图整理我网站上所有的小玩意儿,但一切都使用jQuery。这将包括对日期选择器使用jqueryui datepicker有两个实例,ArrivalDate和DepartureDate,我需要动态地将出发日期设置为用户刚刚输入为ArrivalDate的日期的第二天。 也就是说,如果用户选择12月25日作为到达日期,则出发日期应以12月26日作为默认日期,并且应禁用12月26日之前的所有日期 我尝试了在StackOverflow和其他地方找到的一些东西的帮助,但它们似乎都不适合我。这就是我目前拥有的:带有两个字段的jQueryUI日期选择器,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我正试图整理我网站上所有的小玩意儿,但一切都使用jQuery。这将包括对日期选择器使用jqueryui datepicker有两个实例,ArrivalDate和DepartureDate,我需要动态地将出发日期设置为用户刚刚输入为ArrivalDate的日期的第二天。 也就是说,如果用户选择12月25日作为到达日期,则出发日期应以12月26日作为默认日期,并且应禁用12月26日之前的所有日期 我尝试了在StackOverflow和其他地方找到的一些东西的帮助,但它们似乎都不适合我。这就是我目前拥
$('#ArrivalDate').datepicker({
minDate: 0,
defaultDate: 0,
dateFormat: "d M yy",
changeMonth: true,
changeYear: true,
onClose: function(dateText, inst){
var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
d.setDate(d.getDate()+1);
$('#DepartureDate').val($.datepicker.formatDate(inst.settings.dateFormat, d));
}
}),
$('#DepartureDate').datepicker({
minDate: "d",
defaultDate: "d",
dateFormat: "d M yy",
changeMonth: true,
changeYear: true,
}),
但DepartureDate仍然将minDate和defaultDate视为“0”。这可以很容易地解决,下面是一个可行的方法: 另外,您可能想在这里查看API,您可能想在我更改之前在行中使用setDate而不是val。或者两者兼而有之
onClose: function (dateText, inst) {
var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
d.setDate(d.getDate() + 1);
$('#DepartureDate').val($.datepicker.formatDate(inst.settings.dateFormat, d));
$('#DepartureDate').datepicker('option', {
minDate: $.datepicker.formatDate(inst.settings.dateFormat, d)
});
}