jquery - daterangepicker 最小日期的日期限制

Question

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

任何帮助表示赞赏。谢谢。

标签： jquerydaterangepickerbootstrap-daterangepicker

Answer 1

你可以试试这个例子，因为你必须使用moment.jsdaterangepicker.com 的daterangepicker。您可以在此处找到 daterangepicker 的所有可用选项。

为了与您合作，请在此处momentjs找到更多信息。

$(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" />