FullCalendar 5.1：如何动态更改资源和事件

编程问答 2022-08-18

问题描述

我有一个Full Calendar 5.1项目，其文档可以在https://fullcalendar.io/docs上看到。混合中还有一些jquery和bootstrap。我将完整日历初始化为：

var calendarEl = document.getElementById('dv_calendar');
var calendar = new FullCalendar.Calendar(calendarEl,{
     resources: { url: dataRegionAgents },});

在上面的代码中，初始读取的是JSON文件。同样，在相同的初始化代码块中，事件也从JSON文件加载。到现在为止还挺好。我需要做的是基于另一组JSON文件更改资源和事件。单击按钮即可创建文件名，并且加载JSON文件没有问题。但是我找不到任何适合我的FC库版本的示例。这是一个会产生错误的旧代码：

$('#dv_calendar').fullCalendar('option','resources',dataRegionAgents);
$("#dv_calendar").fullCalendar("refetchResources");

我得到的错误是fullCalendar()不是一个函数，这是有道理的，因为该代码很旧。我可以在FC的3.9版本中工作，这对我来说不是一个选择。

Stackoverflow和其他站点上的示例似乎也指向较旧版本的FC。

那么我如何加载新的JSON文件并将其显示在日历的资源和事件中？

提前谢谢！

解决方法

没关系。而不是像旧的库那样重置资源：

$('#dv_calendar').fullCalendar('option','resources',dataRegionAgents);

我刚刚找到了一种加载新库的方法：

calendar.setOption('resources',dataRegionAgents);
calendar.setOption('events',dataRegionRoutes);
calendar.refetchEvents();

有人吗！

,

仅调用calendar.refetchEvents（）;还不够吗？

dynamicfullcalendarfullcalendar-5javascriptjson