使用单元格背景颜色标记fullcalendar中的重叠事件

时间:2011-05-02 21:09:24

标签: events background fullcalendar cell overlapping

我正在使用fullcalendar显示不同游览的不同日期作为事件。 在某些时候,人们可以选择加入不同的旅游,因为事件的位置在某些日子里会重叠。这意味着,例如,同一天的两个事件

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

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

1 个答案:

答案 0 :(得分: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" <-- 
...

与我们的评论中讨论的一样,您必须生成单独的Feed,或者甚至可以在计算的相交日期将这些事件注入现有Feed中。

显示:无是因为实际事件没有显示 - 我们只使用它,所以它将颜色应用于覆盖的单元格

添加这些事件应该非常简单。 但是,必须完成艰苦的工作,服务器端计算插入这些隐藏事件的位置

FullCalendar中没有内置函数来执行此操作。