Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有两个字段的jQueryUI日期选择器_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

带有两个字段的jQueryUI日期选择器

带有两个字段的jQueryUI日期选择器,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我正试图整理我网站上所有的小玩意儿,但一切都使用jQuery。这将包括对日期选择器使用jqueryui datepicker有两个实例,ArrivalDate和DepartureDate,我需要动态地将出发日期设置为用户刚刚输入为ArrivalDate的日期的第二天。 也就是说,如果用户选择12月25日作为到达日期,则出发日期应以12月26日作为默认日期,并且应禁用12月26日之前的所有日期 我尝试了在StackOverflow和其他地方找到的一些东西的帮助,但它们似乎都不适合我。这就是我目前拥

我正试图整理我网站上所有的小玩意儿,但一切都使用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)
        });
    }