首页 > 解决方案 > Fullcalendar 多月活动

问题描述

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

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

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

标签: javascriptfullcalendar

解决方案


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.

这是一支,您可以看到它在工作。


推荐阅读