在 JQuery Datepicker 中突出显示开始日期和结束日期之间的日期答案

【问题标题】：Highlighting the dates between a start and end date in JQuery Datepicker在 JQuery Datepicker 中突出显示开始日期和结束日期之间的日期
【发布时间】：2013-05-04 03:01:19
【问题描述】：

我有三个日期选择器 - 我有一个日期选择器，它在顶部显示六个月的跨度，然后有两个应用于输入字段的日期选择器。当输入字段发生更改时，我希望网页顶部的日期选择器突出显示开始日期和结束日期，以及介于两者之间的所有日期。

到目前为止，我已经能够让它突出显示开始日期和结束日期，正如您在以下代码中看到的那样，但我非常感谢有人帮助我如何突出显示中间的日子。

    var $test = $.datepicker.formatDate('yy-m-d', $('#date-start').datepicker('getDate'));
    var $test2 = $.datepicker.formatDate('yy-m-d', $('#date-end').datepicker('getDate'));

    var dates1 = {};
    dates1[$test] = 'first date';

    var dates2 = {};
    dates2[$test2] = 'second date';

    $( "#calendar" ).datepicker({
            firstDay: 1,
            numberOfMonths: 6,
            dateFormat: 'yy-mm-dd',
            beforeShowDay: function(date) {
            var search = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate());

                    if (dates1[search]) {

                      return [true, 'highlight', dates1[search] || ''];
                    }

                    if (dates2[search]) {

                      return [true, 'highlight', dates2[search] || ''];

                    }

                    return [false, '', ''];

            },
            onSelect: select_arrive,
            minDate: '+' +minimumLeadDays+ 'D',
            onChangeMonthYear: get_availability
    });

提前感谢您的帮助！

编辑：感谢您的帮助，我会看看这些链接，看看我是否能弄清楚 - 再次感谢！ :)

【问题讨论】：

您能否将您的工作代码粘贴到 jsfiddle 上并提供链接。
jQuery UI Datepicker - Date range - Highlight days in between的可能重复

标签： javascript jquery date jquery-ui-datepicker date-range

【解决方案1】：

感谢大家的帮助。我在这里找到了我想做的解决方案：

Need to highlight range of dates in jquery datepicker

这很好而且很简单，我希望它可以帮助其他人:)

【讨论】：