jQuery Fullcalendar - 在周视图中,如果事件allDay为真,则用颜色标记所有日期

时间:2013-01-03 16:02:28

标签: jquery fullcalendar

在周日议程视图中,如果有任何事件为allDay:true,请将此事件日期(从开始日期到结束日期)标记为具有不同背景(如当天),垂直。

我正在考虑克隆All day单元格中的元素(如果有),更改后的高度,背景颜色等。但我认为这是不好的主意。

也许你可以提出更好的建议?

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以尝试使用eventRender获取与事件相关的日期并适当地着色(fc-col0,fc-col1 ...是要关闭的类)

eventRender: function (event, element, view) {
    if (view.name == 'agendaWeek' && event.allDay) {
        $('.fc-col' + event.start.getDay()).not('.fc-widget-header').css('background-color', 'blue');
    }
}

如果您的全天活动可以跨越多天,您还需要考虑到这一点。

请参阅jsFiddle