在FullCalendar上为事件增添色彩

Question

我的事件以随机的颜色显示，但我希望得到这样的结果：

我想整天涂上一个事件。我已经使用自定义视图和eventRender方法进行了一些研究，但我不知道如何为有事件的所有日子着色。更改的简化代码：

$('#calendar').fullCalendar({
    eventRender: function(event, element) {
        // here, event.parent().css("background-color:pink;"); ??
    }
});

Answer 1

要为td包含事件的单元格（）的背景色上色，您需要找到它td并更改它的背景色。幸运的是，每个人td都有一个data-date尝试将其更改eventRender为

eventRender: function (event, element) {
    var eventStart = moment(event.start);
    var eventEnd = event._end === null ? eventStart : moment(event.end);
    var diffInDays = eventEnd.diff(eventStart, 'days');
    $("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css('background-color','pink');
    for(var i = 1; i < diffInDays; i++) {
        eventStart.add(1,'day');
        $("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css('background-color','pink');
    }
}

我希望这有帮助。