如何在Daterangepicker选择的datepicker 1之后设置最多9天

Question

您好，我想在我 select 输入第 9 天后设置默认的 maxDate。这是我的代码 HTML

<input type="text" placeholder="Date" name="daterange" class="form-control date-picker form-date" id="date-picker" />
<input type="text" placeholder="Date" name="daterange" class="form-control date-picker-2 form-date" id="date date-picker-2"/>

和 JS

  $('.date-picker').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    minDate: moment().subtract(1, 'years'),
    maxDate: moment().subtract(1, 'days'),
    locale: {
      format: 'DD-MM-YYYY'
    }
  }
var departpicker = $('.date-picker').val();
$('.date-picker-2').daterangepicker({
  minDate: departpicker,
  //here is the bug
  maxDate: moment().add(9, 'days')
});

在我心里是怎么departpicker+9天的。我尝试 departpicker.add(9, 'days') 不起作用。有什么 body 帮助吗？例如，当我 select 第一个输入为 2018 年 7 月 1 日，第二个输入的 maxDate 为 2018 年 7 月 10 日我的完整代码 https://jsfiddle.net/dedi_wibisono17/Lmjv9hp2/7/ 谢谢

Answer 1

您应该在添加 9 天之前指定日期格式。

$('.date-picker-2').daterangepicker({
  minDate: departpicker,
  //here is the bug
  maxDate: moment(departpicker, 'DD-MM-YYYY').add(9, 'days');
});

Answer 2

您可以使用 maxSpan 选项

"maxSpan": {
    "days": 9
},

如何在Daterangepicker选择的datepicker 1之后设置最多9天

How to set max 9 days after datepicker 1 selected by Daterangepicker

javascript

jquery

datepicker

daterangepicker

momentjs