FullCalendar 为过去事件改变颜色
时间: 2024-03-13 10:21:14 浏览: 94
fullCalendar api中文文档
4星 · 用户满意度95%
你可以通过 FullCalendar 的 eventRender 回调函数来为过去的事件更改颜色。在回调函数中,你可以检查当前事件是否为过去事件,然后更改其颜色。
下面是一个示例代码:
```javascript
$('#calendar').fullCalendar({
events: [
// 你的事件列表
],
eventRender: function(event, element) {
// 获取当前日期和时间
var now = new Date();
// 比较事件的结束时间是否在当前时间之前
if (event.end < now) {
// 如果是,改变事件的背景颜色
element.css('background-color', '#ccc');
}
}
});
```
在上面的示例中,我们使用了 element.css() 方法来更改事件元素的背景颜色。你可以根据需要更改其他元素的样式,例如边框颜色、文本颜色等。
阅读全文