javascript - 在 fullcalendar.io 上重新渲染并删除所有事件

Question

我不知道如何访问 fullcalender.io。由于我将刷新日历，我想我会像这样返回日历对象。

var calendar = function (eventsObj) {
    console.log(eventsObj);
    return new FullCalendar.Calendar(document.getElementById("calendar"), {
        plugins: ['interaction', 'dayGrid', 'timeGrid'],
        defaultView: 'dayGridMonth',
        defaultDate: new Date().getDate(),
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay'
        },
        events: eventsObj
    });
}

我这样做是因为我需要刷新引导模式内的所有事件。 当显示 Modal 时，我想起了这个功能。

 $("#assignModal").on("shown.bs.modal", function () {
            calendar(globalEvents).rerenderEvents();

这里globalEvents是一个包含所有事件的数组。 我最初像这样渲染日历

window.onload = function () {
    calendar(globalEvents).render();
};

问题是日历呈现，但它没有任何事件，而如果我只呈现日历，它会保留所有事件。我检查了他们的文档，他们在不同版本中有不同的功能。有任何想法吗？请问？

Answer 1

所以基本上是根据 v4 指南。

calendar.getEventSources().forEach(function (item) {
                item.remove();
            });
            calendar.addEventSource(globalEvents);

这就是您必须删除事件并呈现新事件的方式。这里 globalEvents 只是一个我用来跟踪刷新事件的数组。