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

【问题标题】：FullCalendar 5.1: How to Change Resources and Events DynmicallyFullCalendar 5.1：如何动态更改资源和事件
【发布时间】：2020-11-30 10:56:27
【问题描述】：

我有一个完整的日历 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 文件并将它们显示在日历的资源和事件中？

提前谢谢你！

【问题讨论】：

标签： javascript json dynamic fullcalendar fullcalendar-5

【解决方案1】：

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

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

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

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

某人！

【讨论】：

这应该被标记为正确答案。
@ErlisarVasquez 谢谢。我接受了我自己的答案。工作正常！

【解决方案2】：

仅仅调用 calendar.refetchEvents(); 还不够吗？

【讨论】：

可能会起作用，但正如您所见，我的代码还必须加载不同的 JSON 文件，而这正是我在语法上苦苦挣扎的地方。谢谢。