jQuery Datepicker 标记范围

Question

我有两个日期选择器应用于我网站上的 div 来实现日期范围。现在我想突出显示日历中选定范围内的所有日期(例如，对其应用 css 类)。

我发现了这个: Select a Range of dates and Highlight in jQuery Datepicker

但是如何将所有选定的日期插入数组中？或者还有更好的解决方案吗？

我该如何处理这个问题？我找不到日期选择器插件的内置解决方案。

Answer 1

这是一个旧的，但我需要相同的功能，所以这是我的做法，以防有人需要它。

jQuery(document).ready(function(){

jQuery( "#start_date" ).datepicker({
    dateFormat:'yy-mm-dd',
    changeMonth: true,
    numberOfMonths: 3,
    rangeSelect:true,
    beforeShowDay: customRange,
    onClose: function( selectedDate ) {
        jQuery( "#end_date" ).datepicker( "option", "minDate", selectedDate );
    }
});
jQuery( "#end_date" ).datepicker({
    dateFormat:'yy-mm-dd',
    changeMonth: true,
    numberOfMonths: 3,
    rangeSelect:true,
    beforeShowDay: customRange,
    onClose: function( selectedDate ) {
        jQuery( "#start_date" ).datepicker( "option", "maxDate", selectedDate );
    }
});
});
function customRange(date) {
    if(date >= jQuery('#start_date').datepicker('getDate') && date <= jQuery('#end_date').datepicker('getDate')) {
        return [true, 'highlight'];
    } else {
        return [true, ''];
    }
}