javascript日历 - 突出显示特定日期

时间:2013-02-15 21:00:47

标签: javascript jquery-ui-datepicker

我有一个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)。 感谢〜!

1 个答案:

答案 0 :(得分: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 example