Fullcalendar v5 删除按钮点击时的所有事件

Question

I want to remove all events in fullcalendar v5 upon click of a button, the code below works fine

calendar.addEventSource([
    {
      title: 'Business Lunch',
      start: '2020-04-03T01:00:00',
    },
]);

But how can I able to remove/clear/delete all events after button click? The older version of fullcalendar has this method

calendar.fullCalendar( 'removeEvents', []);

How about for v5? I tried the code below but it gives me an error remove is not a function . I even tried calendar.refetchEvents(); but nothing works.

$('.button').click(function(event) {
    calendar.remove();
});

Answer 1

Fullcalendar v5 remove all events

calendar.removeAllEvents();

Answer 2

Must be called on an Event Source instance. Use getEventSources.

removeEvents = calendar.getEventSources();

removeEvents.forEach(event => {
     event.remove();
});

Answer 3

@tta & @Leandro Lazzaretti:

Great answers, I was looking for this, and both works: but I found out an important diffenrence between them:

calendar.removeAllEvents(); // This will NOT clear the events source array

and

removeEvents = calendar.getEventSources();

removeEvents.forEach(event => {
     event.remove(); // this will clear 
});

You can check it out by doing:

removeEvents = calendar.getEventSources();

removeEvents.forEach(event => {
    event.remove();
});
        
calendar.addEventSource('yourSourceHere');
var e = calendar.getEventSources();
console.log(e);