[英]JQuery Full Calendar - edit calendar view after initialization
在脚本的开头,我有很多选项传递给日历。
初始化后,执行以下操作不会更改现有日历的视图,而是创建新日历 :
$('.calendar-container').fullCalendar({
defaultView: 'agendaWeek'
});
问题:如何更改.calendar-container
div中已存在的日历视图?
FullCalendar仅支持在初始化后更改几个选项,如height , contentHeight和aspectRatio 。 如果要更改其他选项,则应销毁当前日历,并使用新选项再次初始化FullCalendar。
您可能想要记住当前状态,因此可以在销毁日历后重新创建它。 在FullCalendar选项中包含此回调,并将视图保存在日历销毁后可以访问的某个变量中:
viewDisplay: function(view) {
latestView = view;
}
然后,您可以在重新初始化日历后调用这些方法,并重新创建日历所处的状态(如同相同的视图和日期范围):
$("#calendar").fullCalendar('changeView', latestView.name);
$("#calendar").fullCalendar('gotoDate', latestView.start);
如果您查看他们的文档,则会明确指定。
有一个功能可以更改视图。
.fullCalendar( 'changeView', viewName )
好吧想象你想要改变事件来源....
function getSources(switcher){
if(switcher== "option1"){
return [othersources.opt1,othersources.opt2];
}else{
if(switcher== "option2"){
return [othersources.opt3];}
}
}
...
eventSources: getSources(switcher),
...
您可以通过简单的功能找到更改任何属性的方法......
希望它有所帮助......
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.