Question

我的活动的一个自定义属性是TypeId。

我想要做的是根据活动的TypeId显示不同颜色的整个容器单元格。例如，我希望包含事件TypeId = 1的所有单元格的背景颜色为蓝色，并且所有包含事件TypeId = 2的单元格的背景颜色为绿色。

我知道您可以在dayRender回调中更改单元格的样式，但是我可以在那时访问与每个单元格关联的事件吗？

Answer 1

您可以使用eventRender来访问事件和元素（如果需要，还可以访问视图）

eventRender: function(event, element) {
    if (event.TypeId === 1) {
        $(element).css('background-color', 'blue');
    }
}

Answer 2

我有类似的问题。您可以在eventRender回调中获取事件容器的单元格 - 如下所示：

eventRender: function(event, element, view) {
    var cell = view.dateToCell(event.start);
    var eventContainer = view.element.find('tr:eq(' + (cell.row + 1) + ') td:eq(' + cell.col + ')');

     //or if you similar
    var dateString = $.fullCalendar.formatDate(event.start, 'yyyy-MM-dd');
    var eventContainer = view.element.find('.fc-day[data-date="' + dateString + '"]');

     eventContainer.css('background-color', 'red');




  },

我可以使用fullcalendar设置事件的容器单元格而不是事件吗？

2 个答案: