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

Question

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

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

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

感谢您提前提供的任何帮助!

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

Answer 1

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

Need to highlight range of dates in jquery datepicker

这很好而且简单易懂，我希望它对其他人有帮助:)