如何从React FullCalendar 中的clickevent 回调中确定重复事件的实例日期？

Question

我们正在使用 FullCalendar React 组件及其 RRule 插件，并将重复事件指定为 rrule 字符串。因此，重复的日历事件表示如下：

events: [
  {
    title: 'my recurring event',
    rrule: 'DTSTART:20120201T103000Z\nRRULE:FREQ=WEEKLY;INTERVAL=5;UNTIL=20120601;BYDAY=MO,FR'
  }
]

FullCalendar 将重复事件很好地扩展为具有单独日期的单独事件实例，并在日历视图中显示所有实例。当用户单击任一展开的实例时，FullCalendar 会正确调用我们的 eventClick 处理程序并传递 eventClickInfo（请参阅 https://fullcalendar.io/docs/eventClick）。

但是，通过 FullCalendar 回调返回的事件对象是带有 rrule 的事件（如上所示）。如何从 clickevent 确定实例日期？也就是说，有没有办法从 FullCalndar 返回的 eventClickInfo 对象中提取实例日期？我需要知道哪个特定实例，即用户单击的特定实例的日期，以便我可以更新它。

提前致谢

Answer 1

如果您查看 eventClick 提供的事件数据中的

info.event.start

，您将获得特定点击事件的开始日期：

eventClick: function (info) {
  console.log(info.event.start);
}

工作演示：https://codepen.io/ADyson82/pen/vYQbpQb