我的事件的自定义属性之一是TypeId
.
我想做的是根据TypeId
事件的内容以不同的颜色显示整个容器单元格。例如,我希望所有包含事件的单元格TypeId = 1
的背景颜色为蓝色,所有包含事件的单元格TypeId = 2
的背景颜色为绿色。
我知道您可以在dayRender
回调中更改单元格的样式,但是我可以访问当时与每个单元格关联的事件吗?
我的事件的自定义属性之一是TypeId
.
我想做的是根据TypeId
事件的内容以不同的颜色显示整个容器单元格。例如,我希望所有包含事件的单元格TypeId = 1
的背景颜色为蓝色,所有包含事件的单元格TypeId = 2
的背景颜色为绿色。
我知道您可以在dayRender
回调中更改单元格的样式,但是我可以访问当时与每个单元格关联的事件吗?
您可以使用eventRender来访问事件和元素(如果需要,还可以访问视图)
eventRender: function(event, element) {
if (event.TypeId === 1) {
$(element).css('background-color', 'blue');
}
}
我有类似的问题。您可以在 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');
},