FullCalendar月视图事件日期显示异常问题求助

这问题我之前帮同事排查过类似的，大概率是时区转换+日历组件的结束时间逻辑踩坑了！先把你的问题场景再理清楚：

• 正常情况：事件开始2018-03-25 08:00 AM、结束2018-03-27 09:00 AM，月视图显示正常
• 异常情况：仅把结束时间改成2018-03-27 08:00 AM，事件直接提前1天显示
• 你已经怀疑时区问题，还尝试过添加GMT配置

核心原因分析 #

这种差1小时就跳日期的情况，90%是时区转换后的结束时间触发了日历组件的“排他性边界判断”：
很多日历库（比如FullCalendar、Ant Design Calendar）会把结束时间视为「排他」——意思是2018-03-27 08:00 AM会被理解为「事件在这个时间点之前就结束了」。如果你的本地时区和UTC（或服务器时区）存在偏移，转换后的结束时间可能会落到前一天，组件就会判定事件结束于前一天，自然月视图显示就提前了1天。而09:00 AM的转换结果刚好卡在当日范围内，所以显示正常。

具体排查&解决步骤 #

• 先抓时间转换的实锤：把两个结束时间转成UTC时间看看差异，比如在浏览器控制台运行：

  console.log(new Date('2018-03-27 08:00 AM').toUTCString())
  console.log(new Date('2018-03-27 09:00 AM').toUTCString())
  

  确认是不是08:00的UTC时间确实落到了3月26日，这就是问题的核心根源。
• 调整日历组件的结束时间规则：如果用的是第三方日历库，找对应的配置项。比如FullCalendar有个nextDayThreshold参数，默认是'00:00:00'，意思是只要结束时间在当天0点之前，就算前一天的事件。你可以把它改成'08:30:00'，这样08:00 AM的结束时间就会被判定为当天的事件。
• 自定义日历的话，修改日期判定逻辑：如果是自己开发的日历，检查判断事件是否属于某一天的代码，比如不要用endDate <= dayEnd，而是改成endDate < dayEnd + 1天，或者给结束时间自动加1分钟（比如设为2018-03-27 08:01 AM），避开边界时间的判定陷阱。
• 统一时区处理逻辑：关于你添加的GMT配置，要确保所有时间的创建、转换、存储都用同一个时区——要么全用UTC，要么全用本地时区，绝对不要混用。比如用moment.js的话，统一用moment.utc()来处理所有时间，避免时区偏移导致的计算错误。

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