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



我有一个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((;还不够吗;?

相关内容

  • 没有找到相关文章

最新更新