Question

使用fullcalendar我需要没有页面重新加载来根据其他条件更改slotDuration参数：

我做了一个案例

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

，在其他情况下

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

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

如果有办法吗？

Answer 1

现在，您可以设置dynamically ，不用 去除 calendar。

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

在此，我们使用Dynamically get/set Options的{{1}}功能。

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

祝你好运。

Answer 2

正如您所看到的here，fullCalendar只允许在初始化后更改某些属性。您不需要重新加载页面，但需要销毁和初始化。

所以：

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);

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

2 个答案: