我需要在全日历中为特定的预订和阻止日期添加类(class),我需要用不同的颜色突出显示预订和阻止的日期。尝试使用一些代码但无法正确运行
$("#calendar").fullCalendar({
header: {
left: 'title',
center: '',
right: 'prev,next'
},
selectable: true,
events:[
{
title: 'Booked',
start: '2017-03-11',
end: '2017-03-22'
},
{
title: 'Block',
start: '2017-03-28',
end: '2017-04-6'
}
]
});
最佳答案
在 fullCalendar 选项中使用 eventRender
函数:
eventRender: function(event, eventElement) {
if (event.title == "Booked") {
eventElement.css('background-color', 'green');
}
},
或者使用jquery添加一个类addClass
eventElement.addClass('yourClass');
如果需要,您还可以引用子元素
eventRender: function(event, eventElement) {
if (event.title == "Booked") {
eventElement.find("a.fc-content").css('background-color', 'green');
}
},
关于jquery - 如何在全日历中添加类(class),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43060909/