全日历多月活动

Question

我正在使用 FullCalendar 并有一个跨越整个夏天（5 月到 8 月）的活动。当我将日期更改为更小的范围时，该事件将被拉入日历。

我想知道是否有办法将单个事件跨越多个月。基本上它会在 5 月 24 日至 8 月 30 日期间的每一天和每一周出现。

不过我只想一次显示一个月。

Answer 1

您可以通过为事件提供 end 值来实现您想要的：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    events: [{title: 'Very long event', start: '2021-05-24', end: '2021-08-31'}],
  });
  calendar.render();
});

重要的是要注意，要在活动的最后一天显示活动，您需要为活动值添加额外的一天（正如我所做的那样）或指定结束时间，例如2021-08-31 18:00:00.

这是一个 Pen，所以你可以看到它在工作。

全日历多月活动

Fullcalendar Multi-Month Event

javascript

fullcalendar