全日历重复事件排除

Question

我正在将fullcalendar与拖放外部事件和json数据源一起使用。 默认情况下，这些事件每周重复一次。

我现在想添加功能，使用户可以删除此重复事件的单个实例（例如在Google日历中）。 我相信这将需要某种机制来从重复事件中排除某个事件日期。

我无法在完整日历文档中找到任何可以支持这种行为的现成方法。

我希望有一个仅客户端解决方案。

Answer 1

我创建了一个jsfiddle ，它显示了如何显示除一个日期之外的每日并发事件。 我包括一个自定义属性（excludedDate）。 在您的解决方案中，您将需要包括一个名为excludedDates的属性，该属性包含一个日期数组，并且每次您要删除单个实例时，只需将日期添加到此属性数组中即可。 然后，在eventRender上，您将遍历此数组以查看是否需要在任何给定日期排除事件。

eventRender: function(event, element, view) {

    var theDate = event.start
    var excludedDate = event.excludedDate;
    var excludedTomorrrow = new Date(excludedDate);
     //if the date is in between August 29th at 00:00 and August 30th at 00:00 DO NOT RENDER
    if( theDate >= excludedDate && theDate < excludedTomorrrow.setDate(excludedTomorrrow.getDate() + 1) ) {
        return false;
    }
    }