时间戳

首页 > 解决方案 > 在更改视图网格 fullcalendar v4 上拖放后，带有 rrule 插件的事件未更新

javascript - 在更改视图网格 fullcalendar v4 上拖放后，带有 rrule 插件的事件未更新

问题描述

我目前正在使用 rrule 插件开发 Fullcalendar v4

我有这个代码

var calendarEl = document.getElementById('calendardemo');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['interaction', 'dayGrid', 'timeGrid', 'momentTimezone', 'rrule', 'list'],
header: {
     left: 'prev,next today',
     center: 'title',
     right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
editable: true,
events: [
{ // standard property
     title: 'This is sample event',
     start: '2019-12-29', 
     end: '2019-12-31'
},
{
     title: 'event with rrule plugin',
     rrule: {
          freq: 'weekly',
          interval: 5,
          byweekday: [ 'mo', 'fr' ],
          dtstart: '2019-12-29T10:30:00',
          until: '2020-12-31'
     }
}
]
});
calendar.render();

请注意：

{ // this is the standard (No issues)
     title: 'This is sample event',
     start: '2019-12-29', 
     end: '2019-12-31'
}

{ // Not updating on change view
     title: 'event with rrule plugin',
     rrule: {
          freq: 'weekly',
          interval: 5,
          byweekday: [ 'mo', 'fr' ],
          dtstart: '2019-12-29T10:30:00',
          until: '2020-12-31'
     }
}

链接到演示

现在，当我拖放“这是示例事件”然后更改视图网格或单击 < > 时，它会保持更新。但是当我拖放“带有 rrule 插件的事件”然后更改视图网格或单击 < > 它没有更新。它只是停留在第一次加载时加载的位置。请帮忙。谢谢 ！

标签： javascriptfullcalendarfullcalendar-4rrule

解决方案

您可能必须添加一个表单，允许用户在开始拖动规则时更改重复的规则。否则，您能否描述用户在另一个日期放弃重复事件后的预期行为。哪些更改将应用​​于规则？

推荐阅读