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

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

我的要求是:对于公司提供的假期 list ，td单元格应该使用相同的颜色。
员工休假 list 中的td单元格应该使用相同的颜色。

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

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

最佳答案

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

的CSS

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

JS FULLCALENDAR

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');

    }
}