在 DateRangePicker 中禁用某些未来日期

Question

我正在尝试禁用今天日期和从今天起还有 6 天的日期。

我知道我可以使用 maxDate 做到这一点，但是当我这样做时，它会禁用所有未来的日期。

我的代码：

  $('input[name="datefilter"]').daterangepicker({
      autoUpdateInput: false,
      maxDate: new Date(),
      "autoApply": true,
      locale: {
        "firstDay": 1,
        "separator": " - "
      }
  });

我也试过maxDate: new Date(6)，但同样的错误。

有什么想法吗？

Answer 1

如果日期有效与否，您可以使用isInvalidDate 函数返回true/false：

invalid_dates = ['2017-01-11', '2017-01-12', '2017-01-13']
$(function() {
  $('input[name="daterange"]').daterangepicker({
    isInvalidDate: function(date)
    {
      return !!(invalid_dates.indexOf(date.format('YYYY-MM-DD')) > -1);
    }
  });
});

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<input type="text" name="daterange" value="01/01/2017 - 01/10/2017" />

Answer 2

这不是错误，这是您正在使用的属性的预期行为。您是在告诉它“不允许超过此日期”。根据docs，Dekel 在his answer 中找到了isInvalidDate 的选项。

我正要删除此答案，但由于指出这不是错误，而是正在使用的属性的行为而决定反对。任何人都绝对应该为other answer 投票，因为它首先找到了该属性。