javascript – 在jQuery UI datepicker中标记选定的日期

我正在使用jQuery UI的datepicker(http://docs. jquery.com/UI/Datepicker).

听起来应该可以通过提供beforeShowDay函数来标记某些日子(http://docs.jquery.com/UI/Datepicker#event-beforeShowDay).但我无法为此获得CSs.我想让背景变绿了几天.

这是我迄今为止的JavaScript：

$(function() {    
    $('.date').datepicker({
        dateFormat: 'yy-mm-dd',firstDay: '1',showOtherMonths: 'true',beforeShowDay: daysToMark
    });
});

function daysToMark(datE) {
    if (date.getDate() < 15) {
        return [true,'markedDay',""];
    }

    return [true,'',""];
}

这是css：

.markedDay {
    BACkground-color: green;
}

但没有变化.我究竟做错了什么？

.markedDay a.ui-state-default {
    BACkground: green !important;
}

.markedDay a.ui-state-hover {
    BACkground: red !important;
}