Невозможно отобразить повторяющиеся события, используя плагин rrule в fullcalendar - PullRequest
Новая
       44

Невозможно отобразить повторяющиеся события, используя плагин rrule в fullcalendar

0 голосов
/ 03 октября 2018

Я пытаюсь визуализировать повторяющиеся события в Angular, используя fullcalendar 4.0.0-alpha2 и RRULE.

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();
}

Result

Событие отображается только один раз, что означает, что fullcalendar полностью игнорирует свойство RRULE, несмотря на то, что я включаю библиотеку rrule И плагин rrule.

Вот документация, касающаяся этого плагина: https://fullcalendar.io/docs/v4/rrule-plugin

Единственное, что я вижу, отличается от того, как они импортируют коннектор / плагин, а именно: 

import 'fullcalendar/plugins/rrule';

Но это не работает на Angular, если я что-то упустил.

Спасибо

1 Ответ

0 голосов
/ 09 октября 2018

Если вы используете плагин rrule, вы не должны включать поля start или end в данные вашего события.Он будет использовать значения dtstart и duration.

...