如何选择列表视图以匹配Fullcalendar中的当前视图
我的Fullcalendar上的右侧按钮是'month，agendaWeek，agendaDay，list），列表默认为listWeek。 如何让日历在列表视图中显示用户已经查看的相同时间范围？ 换句话说，如果他们在月视图中并单击列表按钮，他们应该看到listMonth视图; 如果他们在议程周期视图上并且他们点击了列表按钮，他们应该看到listWeek视图; 如果他们在议程日视图上并且他们单击列表按钮，他们应该看到listDay视图。 任何人都知道如何在没有多个“列表”按钮的情况下做到这一点？
我找到了解决这个问题的方法。 如果有人想出更好的方法，请告诉我。 我使用localStorage保留当前视图，以便用户返回到日历时可以返回到该视图。 每次更改视图时都会更新。
在customButtons部分，我创建了自己的名为listView的按钮，我根据当前视图设置了列表视图，然后调用.fullCalendar（'changeView'，viewName）
listView: {
text: 'list',
click: function() {
var currentView = localStorage.getItem("AI_Default_FullCalendar_View");
if(currentView.indexOf('list') == -1){
if(currentView.indexOf('month') != -1){
currentView = 'listMonth';
}
if(currentView.indexOf('Week') != -1){
currentView = 'listWeek';
}
if(currentView.indexOf('Day') != -1){
currentView = 'listDay';
}
}
localStorage.setItem('AI_Default_FullCalendar_View', currentView);
$("#calendar").fullCalendar('changeView', currentView);
}
}
上一篇: How Can I Select The List View To Match The Current View In Fullcalendar