在JQuery日期选择器中更改禁用日期的颜色

Question

我正在使用JQuery来显示日历（datepicker）。

我已经轻松地禁用了周末，然后我试图禁用国庆日。

所以这里有一个代码示例：

function checkHolidays(date, holidaysArray) {
    for (var i = 0; i < holidaysArray.length; ++i) {
        if (date.getMonth() == holidaysArray[i][0].getMonth()
            && date.getDate() == holidaysArray[i][0].getDate()) {
            return ([false, 'holiday', holidaysArray[i][1]]);
        }
    }
    return [true, ''];
}

这很有效。但我想改变单元格的颜色（'holiday'css属性），这是行不通的。因为我将日期设置为禁用，所以不会应用假日css属性。

但如果我不禁用日期，即：

return ([true, 'holiday', holidaysArray[i][2]]);

css属性正在运行。知道吗？

编辑：

我已将我的css规则更新为：

.holiday, .ui-datepicker .holiday span
{
     background: none #FFEBAF;
     border: 1px solid #BF5A0C;
}

现在它完美无缺。

这篇文章帮助我：How to change cell color

Answer 1

您可能会发现这些有用：

jQuery UI DatePicker: Disable Specified Days

jQuery UI: Highlight multiple dates in jquery datepicker

Disable date