在"具体化"中选择日期选取器以在两个输入之间设置最大日期 + 9

Question

>我在从日期和到日期之间有两个输入，我想将maxDate设置为9天引用第一个输入。我使用物化最新版本。

示例：当我选择 2018 年 8 月1 日时，id="to"maxDate 是2018 年 8 月 10 日

这是我的网页

<input type="text" class="datepicker" id="from" value="from">
<input type="text" class="datepicker" id="to" value="to">

和我的 JS

$('#from').datepicker({
autoClose : true,
onSelect: function() {
var minDate = $(this).setDate(new Date() + 9);
$("#to").datepicker("option", "minDate", minDate)
}
});
$("#to").datepicker({
autoClose : true,
onSelect: function() {
var maxDate = $(this).setDate(new Date() - 9);
$("#from").datepicker("option", "maxDate", maxDate)
}
})

我创建这样的onSelect不起作用。我使用具体化，但在这里堆叠。有人帮忙吗？谢谢。。 演示：https://jsfiddle.net/dedi_wibisono17/rt9780xs/58/

Answer 1

您应该将onSelect()更改为：

onSelect: function() {
var toYear = this.date.getFullYear();
var toMonth = this.date.getMonth();
var toDay = this.date.getDate();
maxDate = new Date(toYear, toMonth, toDay + 9);
$("#to").datepicker({
format : 'dd mmm yyyy',
defaultDate: maxDate,
setDefaultDate:maxDate
})
}

这是解决方案：JSFIDDLE