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

我已将#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"); }); }); 

我已经定制了datepicker，它工作正常。

Answer 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"); }); 

小提琴