full calendar触发eventDrop时事件时间及日期跨度异常如何解决？

• 时区配置不匹配
  FullCalendar默认使用UTC时区，若项目/后端使用其他时区，拖拽时的自动时区转换会导致日期偏移、跨度异常。修复时需在初始化参数中显式指定和业务侧一致的时区，示例配置：timeZone: 'local'（使用用户本地时区）或指定具体时区标识如timeZone: 'Asia/Shanghai'，不要保留默认配置。
• 结束时间排他规则适配问题
  FullCalendar的event.end属性默认是排他性的，比如要展示10月1日-10月2日共2天的全日程事件，end需要设置为10月3日0点，而非10月2日23:59。如果业务侧存储的结束时间是包含当日的格式，拖拽后自动计算跨度就会出现多1天或少1天的问题。可以根据业务逻辑选择两种修复方式：
  • 统一业务侧存储的结束时间为FullCalendar要求的排他格式
  • 初始化时调整跨天判定阈值：nextDayThreshold: '00:00:00'
• eventDrop回调逻辑冲突
  如果在eventDrop回调中自行调用接口更新事件，没有处理默认行为的话，会出现默认更新和手动更新叠加导致的时间错乱。推荐的回调写法是先撤销默认拖拽修改，接口更新成功后再手动同步事件到日历实例，示例代码：

eventDrop: async function(info) {
  // 先撤销FullCalendar的默认修改
  info.revert();
  // 构造更新参数，统一用ISO字符串避免时区问题
  const params = {
    eventId: info.event.id,
    newStart: info.event.start.toISOString(),
    newEnd: info.event.end?.toISOString() ?? null
  };
  // 调用业务更新接口
  const res = await fetch('/api/event/update', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify(params)
  }).then(r => r.json());
  // 接口返回成功后，手动更新日历上的事件
  if (res.success) {
    info.event.setStart(res.data.start);
    info.event.setEnd(res.data.end);
  }
}

• 全日程/非全日程拖拽适配问题
  如果日历同时存在全日程（allDay: true）和非全日程事件，拖拽时跨类型切换没有做适配也会导致时长异常。可添加配置allDayMaintainDuration: true，拖拽时自动维持事件原有时长，避免跨度突变。

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