Fullcalendar半小时时间刻度未显示问题求助

问题分析 #

你已设置slotDuration: '00:30:00'，日历的半小时槽位实际存在（从data-time属性正确可验证），但FullCalendar默认仅在整小时位置渲染时间标签，导致半小时刻度无显示。

解决方案 #

添加slotLabelInterval配置项，将其值设置为与slotDuration一致的30分钟，强制日历每隔30分钟渲染一次时间标签：

defaultTimedEventDuration: '00:30',
slotDuration: '00:30:00',
// 新增配置：指定时间标签显示间隔
slotLabelInterval: '00:30:00',
events: '/admin/appointment_bookings/calendar.json',
minTime: "08:00:00",
maxTime: "24:00:00",
slotLabelFormat: ['HH:mm'],
timeFormat: 'HH:mm'

说明 #

slotLabelInterval用于控制时间轴上标签的显示频率，当它与slotDuration值相同时，每个槽位都会对应显示时间标签，半小时刻度即可正常显示。

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