jquery - 日期范围选择器中的最小最大日期范围选择

Question

我正在使用日期范围选择器

代码在这里：

<input type="text" name="sample" id="sample" class="date_css" value="Select a date" />

查询在这里：

    <script type="text/javascript">
        $(function(){
              $('#sample').daterangepicker({
                arrows:true,
                dateFormat: 'd-M-yy',
                rangeSplitter: 'to',
                datepickerOptions: {
                     changeMonth: true,
                     changeYear: true,
                     minDate: new Date("01/01/2011") //Account created date
                },

              });
         });
    </script>

问题： datepickerOptions选项类似于在 jquery ui 的 datepicker 中使用的相同选项。当用户选择特定范围内的日期时，我如何使用最小最大日期选择。（即如何在onSelect选择范围内使用选项datepickerOptions并限制选择范围）

帮我

预先感谢...

Answer 1

请参阅datepicker min max和datepicker date-range。你想要的部分是我认为：

onSelect: function( selectedDate ) {
    var option = this.id == "from" ? "minDate" : "maxDate",
    instance = $( this ).data( "datepicker" ),
    date = $.datepicker.parseDate(
    instance.settings.dateFormat ||
    $.datepicker._defaults.dateFormat,
    selectedDate, instance.settings );
    dates.not( this ).datepicker( "option", option, date );
}

然后将它与“minDate”和“maxDate”选项结合使用。