Jquery 具有自动对焦和最小日期的双日期选择器日历
我使用了两个jquery日期选择器,一个用于出发,一个用于返回 我希望第二个日历自动打开,并将最小日期设置为在第一个日历+1天中选择的值(即,第一个日历日期为5月21日,第二个日历的最小日期应设置为5月22日) 现在,我可以让它自动将第二个日历的默认日期填充到第一个日历中选择的日期Jquery 具有自动对焦和最小日期的双日期选择器日历,jquery,jquery-ui,Jquery,Jquery Ui,我使用了两个jquery日期选择器,一个用于出发,一个用于返回 我希望第二个日历自动打开,并将最小日期设置为在第一个日历+1天中选择的值(即,第一个日历日期为5月21日,第二个日历的最小日期应设置为5月22日) 现在,我可以让它自动将第二个日历的默认日期填充到第一个日历中选择的日期 $( "#dep_date" ).datepicker({dateFormat: 'dd/mm/yy', numberOfMonths: 3, minDate: +2, onSelect: function(date
$( "#dep_date" ).datepicker({dateFormat: 'dd/mm/yy', numberOfMonths: 3, minDate: +2, onSelect: function(dateText, inst){$("#ret_date").val(dateText);}});
$( "#ret_date" ).datepicker({dateFormat: 'dd/mm/yy', numberOfMonths: 3});
像这样的怎么样:
$("#dep_date").datepicker({
dateFormat: 'dd/mm/yy',
numberOfMonths: 3,
minDate: +2,
onSelect: function(dateText, inst) {
var date = $.datepicker.parseDate('dd/mm/yy', dateText);
date.setDate(date.getDate() + 1);
var $ret_date = $("#ret_date");
$ret_date.datepicker("option", "minDate", date);
$ret_date.datepicker("setDate", date);
$(this).datepicker("hide");
$ret_date.datepicker("show");
}
});
$("#ret_date").datepicker({
dateFormat: 'dd/mm/yy',
numberOfMonths: 3
});
详情:
- 使用
日期选择器上的方法
- 设置日期选择器上的选项
- 在下一个
日期选择器上调用该方法
这里有一个有效的例子:是的,它非常有效。我试着用$ret_date.datepicker(“minDate”,date),但没用,所以我想我需要选择。另外,我还试图使用焦点事件。@dawgbone:很高兴能帮上忙!如果答案对你有效,请接受。完成!我注意到的一件事是,如果有
$ret_date.datepicker(“setDate”,date)代码>在$ret_date.datepicker(“选项”,“minDate”,日期)之前
然后选择一个未来日期(即一个月后),然后将其更改为比第一次选择的日期早的日期(例如下周),第二个日历将不会默认为新日期,因为它使用的是第一次选择的minDate。所以只需将顺序更改为$ret_date.datepicker(“option”,“minDate”,date)$日期选择器(“设置日期”,日期)代码>并且工作正常。