reactjs 如何从react FullCalendar中的clickevent回调中确定重复事件的示例日期?

0ve6wy6x  于 2023-08-04  发布在  React
关注(0)|答案(1)|浏览(134)

我们使用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对象中提取示例日期?我需要知道在哪个特定示例上,即用户单击的特定示例的日期,这样我就可以更新它。
先谢了

lf3rwulv

lf3rwulv1#

如果您查看eventClick提供的事件数据中的info.event.start,您将获得特定点击事件的开始日期:

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

字符串
工作演示:https://codepen.io/ADyson82/pen/vYQbpQb

相关问题