FullCalendar重叠事件不同的颜色
Vla*_*d N 5 javascript jquery fullcalendar fullcalendar-scheduler angular
我使用Fullcalendar/Scheduler在日历上显示一些事件.我从REST服务获取所有信息.
我知道Fullcalendar有一个方法可以检查事件是否与另一个事件重叠(当使用slotEventOverlap属性时它会这样做),这样它将使它达到50%或更少,具体取决于事件的数量.
我的问题是,任何人都知道该方法是什么.我需要实现的是,当日历上有两个重叠事件时,它们应该是红色的.像这样的东西:
我想在库中的某个地方,当计算完成,并且设置了%时,可以向这些事件添加一个新类,比如fc-overlap,我可以自定义.
或者有没有人知道如何实现这一目标？
我能找到的唯一解决方案是在获取事件列表之后,在函数检查中解析它们是否startTime和endTime重叠,并以某种方式将类分配给只有那些重叠的事件.(我可以通过他们的ID来识别事件),但这似乎在某种程度上打败了目的,因为日历在渲染事件时已经在进行验证.
小智 1
考虑到您正在使用https://fullcalendar.io的完整日历库来回答
检查链接https://fullcalendar.io/docs/slotEventOverlap，其中指出您是否想要重叠事件。使用上面链接中的关键字“slotEventOverlap”，我在JS文件中找到了与其关联的事件https://fullcalendar.io/releases/fullcalendar/3.9.0/fullcalendar.js
其中函数“generateFgSegHorizontalCss”使用关键字“slotEventOverlap”来获取与显示的事件相关的 CSS。
希望使用上述信息，您可以尝试找出下一个可能的解决方案来创建自定义 CSS 来实现您的目标。