如何将全日历重复事件的结束时间延长到第二天?

问题描述 投票:1回答:1

如何显示结束时间超过当天的重复事件?

以下是示例数据:

const data = {
  id: 1,
  title: "ABC",
  startRecur: "2020-06-11T16:00:00.000Z",
  startTime: "23:00:00",
  endTime: "03:00:00",
  daysOfWeek: ["5"]
};

calendar.addEventSource({
  events: [data]
});

基本上开始时间是11:00 PM,应该在第二天3:00 AM结束。我如何让fullcalendar知道第二天应该结束?请注意,这是重复发生的事件。

这是月视图中的样子:

enter image description here

并且在周视图中(未呈现事件,因为它认为结束时间是同一天的凌晨3点:]]

enter image description here

Here's a pen of the problem.

我希望它看起来像这样(Google日历)

enter image description here

UPDATE:

使用rrule plugin]使它正常工作

如何显示结束时间超过当前日期的重复事件?这是一个示例数据:const data = {id:1,title:“ ABC”,startRecur:“ 2020-06-11T16:00:00.000Z”,startTime:“ ...

javascript fullcalendar fullcalendar-4
1个回答
0
投票

因此,以前我使用fullcalendar's内置重复事件进行此操作。

const data = {
  id: 1,
  title: "ABC",
  startRecur: "2020-06-11T16:00:00.000Z",
  startTime: "23:00:00",
  // endTime is 03:00:00 because I expect it to end the next day at 3 AM
  endTime: "03:00:00",
  daysOfWeek: ["5"]
};

calendar.addEventSource({
  events: [data]
});
© www.soinside.com 2019 - 2024. All rights reserved.