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

Question

我有一个 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 版中使用它，这对我来说不是一个选项。

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

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

提前致谢！

Answer 1

没关系。而不是按照旧库的方式重置资源，例如：

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

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

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

HTH 某人！

Answer 2

是不是只调用calendar.refetchEvents();?

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

FullCalendar 5.1: How to Change Resources and Events Dynmically

javascript

json

dynamic

fullcalendar

fullcalendar-5