我正在使用 fullcalendar 将不同旅行的不同日期显示为一个事件。在某些时候,人们可以选择参加不同的旅行,因为活动的地点会重叠几天。这意味着,例如,同一天有两个事件
是否可以更改单元格的背景颜色以指出它?
例如,13-14 日。十月的事件是重叠的。因此,像黄色这样的不同背景颜色会使其清晰。
我正在使用 fullcalendar 将不同旅行的不同日期显示为一个事件。在某些时候,人们可以选择参加不同的旅行,因为活动的地点会重叠几天。这意味着,例如,同一天有两个事件
是否可以更改单元格的背景颜色以指出它?
例如,13-14 日。十月的事件是重叠的。因此,像黄色这样的不同背景颜色会使其清晰。
您需要在 fullcalendar.css 中添加一行
.fc-state-intersect
{
background: green;
display:none;
}
然后你必须以编程方式将这个类添加到你的 JSON 回复中,所以它或多或少看起来像这样
... {"title":"Intersect",
"start":"2011-05-04T00:00:00",
"end":"2011-05-04T00:00:00",
"allDay":true,
"className":".fc-state-intersect" <--
...
就像我们在评论中讨论的那样,您必须生成一个单独的提要,或者甚至可能在您计算的相交日期将这些事件注入您现有的提要中。
display:none 是这样,实际事件不会显示 - 我们只使用它,因此它将颜色应用于它覆盖的单元格
添加这些事件应该非常简单。但是必须在服务器端完成艰苦的工作,计算在哪里插入这些隐藏事件
FullCalendar 中没有内置函数来执行此操作。