RRULE插件Recurrence Event夏令时时区偏移问题求助

核心问题原因 #

夏令时切换时，FullCalendar会根据时区自动转换事件时间，导致原本的11:45被偏移为10:45。以下是无需修改全局时区参数的解决方案：

方案1：通过RRULE强制固定时间（推荐） #

利用RRULE的BYHOUR、BYMINUTE参数配合明确的时区ID，强制事件在目标时区的每日11:45触发：

• 给DTSTART指定带时区的起始时间，同时在RRULE中添加BYHOUR=11和BYMINUTE=45，确保无论夏令时如何变化，事件始终锁定目标时区的该时间点
• 使用IANA标准时区ID（如Europe/London、America/New_York），避免使用EST/EDT这类夏令时缩写

示例代码：

{
  title: "每日重复事件",
  rrule: {
    freq: "daily",
    dtstart: "2024-10-23T11:45:00",
    tzid: "Europe/London", // 替换为你所在的IANA时区
    byhour: 11,
    byminute: 45,
    // 无结束日期，无需设置count/until
  }
}

方案2：自定义事件渲染修正显示时间 #

如果RRULE配置无法生效，可通过eventRender钩子手动修正事件的显示文本：

• 检测重复事件及夏令时切换后的日期，直接强制修改时间显示为11:45

示例代码：

document.addEventListener('DOMContentLoaded', function() {
  const calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
    // 你的现有日历配置
    eventRender: function(info) {
      // 判断是否为重复事件，且日期在夏令时切换后（以2024-10-30为例）
      if (info.event.rrule && info.event.start >= new Date('2024-10-30')) {
        const timeElement = info.el.querySelector('.fc-time');
        if (timeElement) {
          timeElement.textContent = '11:45';
        }
      }
    }
  });
  calendar.render();
});

方案3：使用本地浮动时间 #

若业务无需绑定特定时区，可将事件设为本地时间（不指定时区），让FullCalendar按用户本地时间显示，夏令时切换时保持11:45的本地时间：

• 不设置RRULE的tzid，同时给单个事件添加timeZone: 'local'覆盖全局配置

示例代码：

{
  title: "每日重复事件",
  rrule: {
    freq: "daily",
    dtstart: "2024-10-23T11:45:00",
    byhour: 11,
    byminute: 45
  },
  timeZone: 'local'
}

关键注意事项 #

• 优先使用方案1，因为它从规则层面固定时间，比渲染修正更可靠
• 务必使用IANA标准时区ID，否则时区解析可能出错
• 测试时需覆盖夏令时切换前后的日期，验证事件时间一致性

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