FullCalendar 3.9版本事件显示异常问题求助

问题现象 #

使用FullCalendar 3.9版本时，跨日期事件存在显示异常：

• 标准日历中正常展示的11月8日至12日事件，在FullCalendar中无法完整显示
• 若事件为8日至11日，仅显示8日至11日的范围

对比截图 #

FullCalendar显示效果 #

标准日历显示效果 #

原因与解决方案 #

问题根源 #

FullCalendar 3.x版本中，事件的end日期默认是排他性的——即结束日期当天不会被包含在事件显示范围内；同时默认的nextDayThreshold值为'09:00:00'，若事件结束时间在次日9点前，会被判定为前一天的事件，导致跨天事件显示不完整。

解决方法 #

方法1：调整事件结束日期

将事件的end日期往后偏移一天。例如原结束日期为2023-11-12，则设置为2023-11-13，这样FullCalendar会将11月12日纳入事件显示范围。

方法2：修改nextDayThreshold配置

在FullCalendar初始化时添加该配置，将阈值设为'00:00:00'，确保结束日期当天也会显示事件：

$('#calendar').fullCalendar({
  // 其他配置...
  nextDayThreshold: '00:00:00'
});

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