daterangepicker 最小日期的日期限制

【问题标题】：daterangepicker date limit for minimum datedaterangepicker 最小日期的日期限制
【发布时间】：2020-08-10 17:28:52
【问题描述】：

daterangepicker 是否有任何选项可以选择最多 60 天的日期和最少 10 天的日期。我看到有dateLimit 的选项，它只设置给定数量的限制。不适用于日期的最短和最长天数。意思是，我希望用户选择最多 60 天或最少 10 天的日期。我尝试在谷歌上搜索，但没有找到除 dateLimit 以外的任何内容。有人知道如何处理吗？

感谢任何帮助。谢谢。

【问题讨论】：

我不知道您使用的是哪个日期范围选择器，但我想您可以在其中一个事件上编写一个简单的回调，然后自己根据您的条件检查当前选择的值。
谢谢@lapskaus。我从 daterangepicker.com 使用这个

标签： jquery daterangepicker bootstrap-daterangepicker

【解决方案1】：

你可以试试这个例子，因为你必须使用moment.js 作为daterangepicker.com 的日期范围选择器。日期范围选择器的所有可用选项都可以找到here。

要与momentjs 合作，您可以找到更多信息here。

$(document).ready(function() {
  $('input[name="daterange"]').daterangepicker({
    // you can use this optionally -> maxSpan: 50
    minDate: moment().add(10, 'days').calendar(),
    maxDate: moment().add(60, 'days').calendar()
  });
});

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<input type="text" name="daterange" />

【讨论】：