FullCalendar 5.11.3 timeGridView最后一行过高问题求助

问题描述 #

使用FullCalendar 5.11.3的timeGridWeek视图，通过以下配置设置每日时间范围：

slotMinTime: "08:00:00", 
slotMaxTime: "15:00:00", 

所有事件均未超出该时间范围，但最后一行（对应下午2点的插槽）高度异常偏大，仿佛渲染了未显示的时间段。尝试将slotMaxTime改为"14:59:59"后问题依然存在。

解决办法 #

1. 显式指定插槽时长
   FullCalendar在未显式设置slotDuration时，可能会自动调整最后一个插槽的高度来匹配内部逻辑。添加slotDuration配置，确保每个插槽的时长明确：

slotMinTime: "08:00:00",
slotMaxTime: "15:00:00",
slotDuration: "01:00:00", // 设置每个插槽为1小时
slotLabelInterval: "01:00:00" // 保持标签间隔与插槽时长一致

2. 检查自定义CSS冲突
   若项目中有自定义样式修改了.fc-time-grid-slot类的高度、padding等属性，可能导致插槽渲染异常。排查并调整相关CSS规则，避免覆盖FullCalendar的默认插槽样式。

内容的提问来源于stack exchange，提问作者ZioBit