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

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

帮助我

提前感谢...

Answer 1

请参阅 datepicker 最小值最大值 和 datepicker 日期范围。
我认为你想要的部分是：

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