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

  • Z时代
  • 2024-01-10
  • 分类：问答

在脚本的开始部分，我有许多传递给日历的选项。JQuery完整日历 - 初始化后编辑日历视图

它被初始化后，执行下列不改变现有日历查看，但创建一个新的日历，而不是：

$('.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)

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

回答：

想像你想改变eventsources ....

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

你可以找到一个方法来改变任何财产用一个简单的功能...

希望它有帮助...

以上是 JQuery完整日历 - 初始化后编辑日历视图 的全部内容， 来源链接： utcz.com/qa/265910.html

回到顶部