javascript - 更改完整日历中单元格的颜色

Question

我需要更改 arshaw 完整日历的单元格颜色。

我的要求是:公司提供的假期列表的 td 单元格应该有相同的颜色。员工休假列表的 td 单元格应该具有相同的颜色。

我们如何实现这一目标。我可以更改事件的颜色，但不能更改单元格的颜色。

此外，如果我们可以根据假期更改单元格内一天的颜色并离开。

Answer 1

如果您使用 Jquery-Ui 主题，您需要删除 ui-widget-content 类并应用您自己的类。在下面的代码中，我使用带有紫色纯色的 40x100 图像。

CSS

.holiday
{
    border:1px solid #69196c;
    background: #764ead url(holiday.png) 50% top repeat-x; 
    color: white;   
}

JS 全日历

dayRender: function (date, cell) {

    if ($.inArray(date, holidays) >= 0) {

        // if you aren't using ui theme, just remove this line
        $(cell).removeClass('ui-widget-content');                            
        $(cell).addClass('holiday');

    }
}