在fullCalendar中更改slotDuration而不重新加载页面

Question

使用fullcalendar，我需要在不重新加载页面的情况下根据其他条件更改slotDuration参数：

我有一次做

$('#calendar').fullCalendar('option', 'slotDuration', '00:15:00');

在其他情况下为

$('#calendar').fullCalendar('option', 'slotDuration', '00:30:00');

但看起来它不起作用，因为我总是看到slotDuration=30（2个插槽）分钟的完整日历，因为它在初始化时被调用。

如果有办法的话？

Answer 1

现在，您可以设置dynamically，而无需销毁calendar。

$('#cc-calendar')
  .fullCalendar('option','slotDuration','00:10:00');

在这里，我们使用fullcalendar的Dynamically get/set Options特性。

有关更多信息，请查看：https://fullcalendar.io/docs/utilities/dynamic_options/

祝你好运。

Answer 2

正如您在这里看到的，fullCalendar只允许在初始化后更改一些属性。您不需要重新加载页面，但需要destroy和init。

因此：

var calendarOptions = {
    defaultView: 'month', 
    editable: true,
    slotDuration: '00:45:00', 
    (...)
}
$('#calendar').fullCalendar(calendarOptions); //Init
//And when you need to update any property
calendarOptions.slotDuration = '00:15:00';
$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar(calendarOptions);