2

我正在使用 fullcalendar 将不同旅行的不同日期显示为一个事件。在某些时候,人们可以选择参加不同的旅行,因为活动的地点会重叠几天。这意味着,例如,同一天有两个事件

是否可以更改单元格的背景颜色以指出它?

例如,13-14 日。十月的事件是重叠的。因此,像黄色这样的不同背景颜色会使其清晰。

4

1 回答 1

1

您需要在 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 中没有内置函数来执行此操作。

于 2011-05-03T09:21:20.747 回答