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

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

    }
}