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

发布于 2024-11-04 10:46:42 字数 175 浏览 1 评论 0原文

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

是否可以更改单元格的背景颜色以将其指出？

例如，13-14 日。十月的事件是重叠的。因此，不同的背景颜色（例如黄色）会使其变得清晰。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼泪都笑了 2024-11-11 10:46:42

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

You need to add a line to the fullcalendar.css

.fc-state-intersect
{
    background: green;
    display:none;
}

Then you will have to programatically add this class to your JSON reply so it looks like this more or less

... {"title":"Intersect",
     "start":"2011-05-04T00:00:00",
     "end":"2011-05-04T00:00:00",
     "allDay":true,
      "className":".fc-state-intersect" <-- 
...

Like discussed in our comments, you will have to generate a separate feed or maybe even inject into your existing feeds these events on your calculated intersected dates.

The display:none is the so that the actual event does not show- we only use that so it applies the colour to the cells it overlays

Adding these events should be pretty straight forward.
But the hard work will have to be done server side calculating where to insert these hidden events

There is no built in function in FullCalendar to do this.

回复收藏 0 原文

~没有更多了~