如果超过2个事件,请更改单元格颜色

时间:2018-08-02 00:35:04

标签: fullcalendar

我目前正在使用eventRender更改事件单元格的背景颜色(月视图),但是如果该日期有2个或更多事件,我希望将其更进一步,并将单元格更改为另一种颜色。

类似的东西:

eventRender: function(event, element, view)

 if >2 events 
    {element.css("background-color", "orange"); }
 else
    { element.css("background-color", "red");}

1 个答案:

答案 0 :(得分:1)

请尝试根据不同事件更改背景色

eventRender: function(event, element, view) {
            if (event.title == 'Birthday) {
                element.css('background-color', 'red');
            }
            else if (event.title == 'Interview) {
                element.css('background-color', 'green');
            }
            else if (event.title == 'Anniversary') {
                element.css('background-color', 'Yellow');

            }
        },

否则,您可以通过添加颜色来处理事件对象。

events:[{
                title: 'Birthday',
                start: new Date(y, m, d + 1, 19, 0),
                end: new Date(y, m, d + 1, 22, 30),
               // backgroundColor: App.getBrandColor('purple'),
                 color:'#4fc6d2'
                allDay: false
            }]