daterangepicker 最小日期的日期限制

Question

daterangepicker 是否有任何选项可以 select 最多 60 天的日期和最少 10 天的日期。我看到一个 dateLimit 的选项，它只设置给定数字的限制。不适用于日期的最小和最大天数。意思是，我希望用户 select 最多 60 天或最少 10 天的日期。我尝试搜索 google，但没有找到 dateLimit 以外的任何内容。有人知道如何处理吗？

感谢任何帮助。谢谢

Answer 1

您可以试试这个例子，因为您必须使用 moment.js 作为 daterangepicker.com. All available options of the daterangepickeryou can find here 的 daterangepicker。

关于使用 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" />

daterangepicker 最小日期的日期限制

daterangepicker date limit for minimum date

jquery

daterangepicker

bootstrap-daterangepicker