datepicker范围选择与突出显示和选择回调

Question

我使用jQuery UI显示2个月的内联日期选择器，我想启用范围选择从一天到另一天与中间突出显示，还从日期和到日期“捕捉”日期与一些回调，所以我可以将它们插入一些输入。

这是我当前的代码：

HTML：

<div id="journey-calendar"></div> 

脚本：

$('#journey-calendar').datepicker({ 
     numberOfMonths: [2, 1], 
     showOtherMonths: true, 
     altField: '.begin-trip-date', 
     altFormat: 'dd M yy', defaultDate: null 
    }); 

我希望得到任何帮助或演示！

Answer 1

我做了类似的事情。我有2个日期选择器，一个用于开始日期，另一个用于结束日期。我添加了一个css类来为范围中的日期设置背景颜色。这里是我的代码：

}, 
beforeShowDay: function(date) { 
    var fromDate = new Date($(".lblDateFrom").text()); 
    var toDate = new Date($(".lblDateTo").text());  

    if (date >= fromDate && date <= toDate) { 
    return [true, 'ui-individual-date', '']; 
    } 
    else { 
    return [true, '', '']; 
} 
}, 

//css class 
.ui-individual-date { 
background-color: #F2F5F7; 
}