jquery - jQuery Fullcalendar - 在周视图中，用颜色标记所有天，如果事件 allDay 为真

Question

在周议程视图中，如果有任何事件，则allDay:true用不同的背景（如当天）垂直标记此事件的日期（从开始日期到结束日期）。

我正在考虑从All day单元格中克隆元素，如果有的话，并且在更改高度、背景颜色等之后。但我认为这是个坏主意。

也许您可以提出更好的建议？

谢谢！

Answer 1

您可以尝试使用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