Javascript 在fullcalendar.io上重新加载删除所有事件

Javascript 在fullcalendar.io上重新加载删除所有事件,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我不知道如何接近fullcalendar.io。由于我将刷新日历,我想我会像这样返回日历对象 var calendar=函数(eventsObj){ console.log(eventsObj); 返回新的FullCalendar.Calendar(document.getElementById(“Calendar”){ 插件:['interaction'、'dayGrid'、'timeGrid'], defaultView:'dayGridMonth', defaultDate:新日期().g

我不知道如何接近fullcalendar.io。由于我将刷新日历,我想我会像这样返回日历对象

var calendar=函数(eventsObj){
console.log(eventsObj);
返回新的FullCalendar.Calendar(document.getElementById(“Calendar”){
插件:['interaction'、'dayGrid'、'timeGrid'],
defaultView:'dayGridMonth',
defaultDate:新日期().getDate(),
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay”
},
事件:eventsObj
});
}
我这样做是因为我需要刷新引导模式中的所有事件。 当显示Modal时,我回忆起该功能

$(“#assignModal”).on(“show.bs.modal”,函数(){
日历(globalEvents).rerenderEvents();
这里的
globalEvents
是一个包含所有事件的数组。 我最初是这样渲染日历的

window.onload=函数(){
日历(globalEvents).render();
};

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

您可以执行以下操作,只需删除旧事件附加新事件并重新发布

下面是一些将帮助您的API

//remove old data
$('#fullCalendar').fullCalendar('removeEvents');

//Getting new event json data
$("#fullCalendar").fullCalendar('addEventSource', response);

//Updating new events
$('#fullCalendar').fullCalendar('rerenderEvents');

//getting latest Events
$('#fullCalendar').fullCalendar( 'refetchEvents' );

//getting latest Resources
$('#fullCalendar').fullCalendar( 'refetchResources' );

这里是根据v4指南工作的

calendar.getEventSources().forEach(函数(项){
项。删除();
});
日历。addEventSource(globalEvents);

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

非常感谢您的回复,但这只有在我使用v3(我想)时才起作用。这就是为什么我提到他们的文档对我来说有点凌乱。那么你在寻找什么呢?我如何删除所有事件并重新处理新事件。我做了更多的谷歌搜索,对于v4,他们有一个
日历。addEvent(event[,source])
但是我如何删除所有事件?$('fullCalendar')。fullCalendar('removeEvents'));看到这个了吗?它将消除所有事件你看到小提琴了吗?