0

特定の休日を特定の色で強調表示する日付ピッカー JavaScript カレンダーがあります。
水曜日 (3) - 土曜日 (6) の日も強調表示する必要があり、苦労しています。
これまでに使用したコードは次のとおりです。

<script type="text/javascript">
        $(document).ready(function() {
                var SelectedDates = {};

                SelectedDates[new Date('01/01/2014')] = new Date('01/01/2014');
                SelectedDates[new Date('01/02/2014')] = new Date('01/02/2014');
                SelectedDates[new Date('01/03/2014')] = new Date('01/03/2014');

                $('#date1, #date2').datepicker({
                        beforeShowDay: function(date) {
                                var Highlight = SelectedDates[date];
                                if (Highlight) {
                                        return [true, "highlighted", Highlight];
                                }
                                else {
                                        return [true, '', ''];
                                }
                        }
                });

        });

    </script>

CSS は次のようになります。

.highlighted a{background:#f57d31 !important;}

フォームは次のようになります。

<input id="date1" name="date1" size="12" type="text" />

カレンダー全体で水曜日 (3) ～ 土曜日 (6) を強調する最適なルートを教えてください。ありがとう～！

4

1 に答える 1

0

以下は、5 月から 9 月までの水曜日から土曜日のハイライトです。

$('#date1, #date2').datepicker({
    beforeShowDay: function (date) {
        var day = date.getDay();
        var month = date.getMonth();
        return [(day>=3 && day<=6)&&(month>=4 && month<=8), "highlighted"];
    }
});

jsFiddle の例

于 2013-02-19T15:21:23.873 に答える