Fullcalendar 事件重复结束时间不正确

时间:2021-06-02 10:54:28

标签: javascript fullcalendar fullcalendar-5 rrule

我在使用 FullCalendar 进行每周或每日重复活动时遇到问题。在我的 daygrid 约会时段。插槽的结束时间不正确。它应该从 11:45:0016:45:00 出现,但我从视图中得到的实际结果是从11:45:0012:45:00 显示。

events.push({
  id: value.id,
  resourceId: value.user_id,
  rrule: {
    freq: 'weekly',
    byweekday: ['mo', 'tu', 'we', 'th'],
    dtstart: value.start_date + ' ' + value.start_time, //current value: 2020-06-03 11:45:00
    until: value.end_date + ' ' + value.end_time //current value: 2020-06-30 16:45:00
  }
  display: 'background',
  exdate: ['2021-06-03']
});

1 个答案:

答案 0 :(得分:1)

until 日期指定整个重复周期应何时结束。它没有指定每个单独事件的长度。

fullCalendar Rrule documentation 提到了 duration 属性,您可以指定它来执行此操作:

<块引用>

持续时间
必须是解析为 Duration 的内容。如果不 指定,每个事件都将显示默认持续时间

11.45 - 16.45 是 5 小时,所以如果你设置

duration: "05:00"

作为事件的属性,那么这将产生预期的效果。

演示:https://codepen.io/ADyson82/pen/ZEerKJJ