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

Question

我正在使用 JQuery 来显示日历（日期选择器）。

我很容易地禁用了周末，然后我尝试禁用国庆日。

这是代码示例：

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, ''];
}

这是有效的。但我想更改单元格的颜色（“假日”CSS 属性），但这不起作用。因为我将这一天设置为禁用，所以不会应用假日 css 属性。

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

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

css 属性正在工作。有什么想法吗？

编辑：

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

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

现在它工作正常。

这篇文章帮助了我：如何更改单元格颜色

Answer 1

您可能会发现这些很有用：

jQuery UI DatePicker：禁用指定日期

jQuery UI：在 jquery datepicker 中突出显示多个日期

禁用日期