javascript - Materialize 中的 OnSelect Datepicker 在两个输入之间设置最大日期 + 9

Question

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

示例:当我选择 2018 年 8 月 1 日 时，id="to" 中的最大日期是 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 是行不通的。我使用 Materialise，但堆放在这里。有人帮忙吗？谢谢..演示: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