Materialize 中的 OnSelect Datepicker 以在两个输入之间设置 Max Date + 9

Question

我在从日期到日期之间有两个输入，我想将 maxDate 设置为 9 天参考第一个输入。我使用 Materialise 最新版本。

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

这是我的 HTML

<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 这样不起作用。我使用 Materialize，但在这里堆叠。有人帮忙吗？谢谢.. 演示：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