You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

FullCalendar v3.9.0 同日点击任意事件总打开当天首个事件问题求助

FullCalendar v3.9.0 同日期事件点击均触发首个事件详情 排查点
  • 事件唯一ID配置

    FullCalendar v3 依赖事件对象的id字段区分不同事件,若所有事件未配置id、或复用了重复的id值,框架内部匹配时会默认返回第一个命中id的事件数据。需要检查事件数据源返回的每一条事件对象,是否都携带了全局唯一的id属性。
  • eventClick 回调逻辑

    找到 FullCalendar 初始化配置中的eventClick回调,排查是否存在错误的取值逻辑:
    • 是否未使用回调自带的event入参获取当前点击事件数据,而是手动通过DOM选择器取了首个.fc-event节点的属性拉取详情
    • 是否遍历事件列表匹配时未终止循环,始终返回第一个匹配的事件
      正确的基础写法参考:
    $('#calendar').fullCalendar({
      // 其他配置项省略
      eventClick: function(event, jsEvent, view) {
        // 直接使用入参event的属性,无需额外从DOM查询
        openEventDetailModal(event.id, event.title, event.extendedProps);
      }
    })
    
  • 事件DOM自定义属性

    检查渲染生成的日程DOM节点,是否所有同日期事件的data-event-id等自定义标识属性都被错误赋值为首个事件的ID,若存在重复,点击时取属性触发接口请求自然只会返回首个事件的详情。
  • eventDataTransform 钩子逻辑

    若配置了eventDataTransform钩子做事件数据预处理,排查是否在转换过程中错误地给所有事件统一覆盖了相同的id或唯一标识字段。

快速验证方法

在eventClick回调第一行添加console.log('当前点击事件', event),点击不同事件观察控制台输出:

  • 若输出的是同一个事件对象,说明问题出在事件数据源或ID配置环节
  • 若输出的是对应点击的不同事件对象,说明问题出在后续打开详情弹窗的逻辑环节

内容的提问来源于stack exchange,提问作者Jocke__85

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 04:15:03