0

我有一个 datepicker 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 回答