jquery datepicker 将日期设置为明天的日期答案

【问题标题】：jquery datepicker set date to tomorrow's datejquery datepicker 将日期设置为明天的日期
【发布时间】：2013-01-29 20:28:37
【问题描述】：

我已将#arrival 的日期设置为今天的日期，但如何将#departure 的日期设置为明天的日期？

 $(function() {

$( "#arrival" ).datepicker({

dateFormat: "dd/mm/yy", 
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
yearRange: ":2016",
minDate: "dateToday",


onClose: function( selectedDate ) {
$( "#departure" ).datepicker( "option", "minDate", selectedDate);
}

});
$(function() {
    $("#arrival").datepicker("setDate", "0");
});


$( "#departure" ).datepicker({

dateFormat: "dd/mm/yy", 
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
yearRange: ":2016",

});

$(function() {
    $("#departure").datepicker("setDate", "1");
});

});

我已经自定义了日期选择器，它工作正常。

【问题讨论】：

它应该按原样工作吗 -> FIDDLE

标签： javascript jquery datepicker

【解决方案1】：

在第一个datepicker的change函数中，创建一个日期对象，将日期设置为前一天，将第二个datepicker的日期设置为那个日期。您可以使用minDate 确保不能选择早于设置日期的任何日期。

$(function () {
    $("#arrival").datepicker({
        dateFormat: "dd/mm/yy",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        yearRange: ":2016",
        minDate: "dateToday",
        onClose: function (selectedDate) {
            var myDate = $(this).datepicker('getDate'); 
                myDate.setDate(myDate.getDate()+1); 
            $('#departure').datepicker('setDate', myDate);
        }
    });

    $("#departure").datepicker({
        dateFormat: "dd/mm/yy",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 2,
        yearRange: ":2016",
    });

    $("#arrival").datepicker("setDate", "0");
    $("#departure").datepicker("setDate", "1");
});

FIDDLE

【讨论】：

只需添加 $("#departure").datepicker("option", "minDate", myDate);在结束时有最短日期，所以你不能回去