首页 > 解决方案 > Fullcalendar 事件被水平压缩

问题描述

我的 Web 应用程序中有很多事件,我利用 Fullcalendar 库来显示它们。但是,即使有更多可用空间,事件有时也会被水平挤压。

请查看 Fullcalendar 中压缩事件的截图:

在此处输入图像描述

如您所见,上午 9:00 至上午 9:30 的活动非常广泛,而从上午 8 点开始的四个活动紧挨着它。

我能做些什么来防止这种挤压?我尝试更改将事件加载到 Fullcalendar 的顺序,但这并没有改变任何事情。

标签: javascriptfullcalendar

解决方案


老实说,你能做的并不多,除非你想重写 fullCalendar 的内部事件渲染引擎。

您可能可以通过设置来减轻它

slotEventOverlap: true

在您的日历选项中-尽管无论如何这是默认设置,所以大概您已经覆盖了它。但这会导致事件在水平方向上相互重叠(最多重叠一半),从而节省一些水平空间。

更多信息:https ://fullcalendar.io/docs/slotEventOverlap


推荐阅读