javascript - JQuery Datepicker で開始日と終了日の間の日付を強調表示する

Question

3 つの日付ピッカーがあります。上部に 6 か月のスパンを示す日付ピッカーが 1 つあり、その下にある 2 つの日付ピッカーが入力フィールドに適用されます。入力フィールドが変更されたら、Web ページの上部にある日付ピッカーで開始日と終了日、およびその間のすべての日付を強調表示する必要があります。

次のコードでわかるように、これまでのところ開始日と終了日の両方を強調表示することができましたが、その間の日を強調表示する方法について誰かの助けをいただければ幸いです。

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

事前に助けてくれてありがとう！

編集: ご協力ありがとうございます。これらのリンクを見て、理解できるかどうかを確認します - もう一度ありがとう! :)