无法在 fullcalendar 中使用 rrule 插件呈现重复事件答案

【问题标题】：Can't render recurring events using rrule plugin in fullcalendar无法在 fullcalendar 中使用 rrule 插件呈现重复事件
【发布时间】：2018-10-03 19:47:47
【问题描述】：

我正在尝试使用 fullcalendar 4.0.0-alpha2 和 RRULE 在 Angular 中呈现重复事件。

angular.json:

"scripts": [
    "node_modules/fullcalendar/dist/fullcalendar.js",
    "node_modules/rrule/dist/es5/rrule.js",
    "node_modules/fullcalendar/dist/plugins/rrule.min.js"
]

mycomponent.component.ts:

import { Calendar } from 'fullcalendar';
import { RRule } from "rrule";

ngOnInit(): void {

    const rule = new RRule({
        freq: RRule.DAILY,
        interval: 1,
        byweekday: [RRule.MO, RRule.FR],
        dtstart: new Date(Date.UTC(2018, 1, 1, 10, 30)),
        until: new Date(Date.UTC(2020, 12, 31))
    });

    var calendarEl = document.getElementById('calendarDirectTest');

    var calendar = new Calendar(calendarEl, {
        events: [
            {
                "title": "Test A",
                "start": "2018-10-09T16:00:00",
                rrule: rule
            }
        ]
    });

    calendar.render();
}

事件只渲染一次，这意味着 fullcalendar 完全忽略了 RRULE 属性，尽管我包括了 rrule 库和 rrule 插件。

这是关于该插件的文档： https://fullcalendar.io/docs/v4/rrule-plugin

我看到唯一不同的是他们导入连接器/插件的方式，即：

import 'fullcalendar/plugins/rrule';

但这在 Angular 上不起作用，除非我遗漏了什么。

谢谢

【问题讨论】：

您使用的是哪个版本的 fullCalendar？正如您从您发布的文档链接中看到的那样，此插件仅适用于 fullCalendar 版本 4，该版本目前处于 alpha 状态且尚未发布，因此除非您从 fullcalendar.io/docs/v4/release-notes 下载该版本，否则您不太可能获得受支持的版本
嗨，ADyson，我使用的是 4.0.0-alpha2
你终于做到了吗？事件被渲染了吗？如果是这样，那么也许你可以帮助我解决我的问题：stackoverflow.com/questions/63115857/…

标签： angular fullcalendar rrule

【解决方案1】：

如果您使用的是 rrule 插件，则不应在事件数据中包含 start 或 end 字段。它将使用 dtstart 和 duration 值。

【讨论】：