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 如何在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”选项结合使用。

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

1 个答案: