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

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 中使用的相同选项。当用户选择特定范围内的日期时，我如何使用最小最大日期选择。 （ie 如何在datepickerOptions 中使用onSelect 选项并限制选择范围）

帮帮我

提前致谢...

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”选项结合起来。