带有突出显示和选择回调的日期选择器范围选择

Question

我正在使用 jQuery UI 显示 2 个月的内联日期选择器，我想启用从 一天到另一天 的范围选择，并在其间突出显示并“捕捉” from day 和 to day 日期带有一些回调，因此我可以将它们插入到一些输入中。

这是我当前的代码：

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;
}