JQuery完整日历 – 初始化后编辑日历视图

在脚本的开头，我有很多选项传递给日历。

初始化后，执行以下操作不会更改现有日历的视图，而是创建新日历 ：

$('.calendar-container').fullCalendar({ defaultView: 'agendaWeek' }); 

问题：如何更改.calendar-container div中已存在的日历视图？

Answer 1

FullCalendar仅支持在初始化后更改几个选项，如height ， contentHeight和aspectRatio 。 如果要更改其他选项，则应销毁当前日历，并使用新选项再次初始化FullCalendar。

您可能想要记住当前状态，因此可以在销毁日历后重新创建它。 在FullCalendar选项中包含此回调，并将视图保存在日历销毁后可以访问的某个变量中：

 viewDisplay: function(view) { latestView = view; } 

然后，您可以在重新初始化日历后调用这些方法，并重新创建日历所处的状态（如同相同的视图和日期范围）：

 $("#calendar").fullCalendar('changeView', latestView.name); $("#calendar").fullCalendar('gotoDate', latestView.start); 

Answer 2

如果您查看他们的文档，则会明确指定。

有一个function可以更改视图。

 .fullCalendar( 'changeView', viewName ) 

http://arshaw.com/fullcalendar/docs/views/changeView/

Answer 3

好吧想象你想改变事件来源….

 function getSources(switcher){ if(switcher== "option1"){ return [othersources.opt1,othersources.opt2]; }else{ if(switcher== "option2"){ return [othersources.opt3];} } } ... eventSources: getSources(switcher), ... 

您可以通过简单的function找到更改任何属性的方法……

希望它有所帮助……