javascript - 如何选择 ListView 以匹配 Fullcalendar 中的当前 View

Question

我在 Fullcalendar 上的标题右侧按钮是“月、agendaWeek、agendaDay、list”，列表默认为 listWeek。如何让日历在 ListView 中显示用户已经查看的相同时间跨度？换句话说，如果他们在月 View 上并单击列表按钮，他们应该看到列表月 View ；如果他们位于议程周 View 中并单击列表按钮，他们应该看到列表周 View ；如果他们位于议程日 View 中并单击列表按钮，他们应该会看到列表日 View 。有人知道如何在没有多个“列表”按钮的情况下做到这一点吗？

Answer 1

我找到了解决这个问题的方法。如果有人想出更好的方法，请告诉我。我使用 localStorage 来保留当前 View ，以便用户在返回日历时可以返回到该 View 。每当他们改变 View 时都会更新。

在customButtons部分，我创建了自己的按钮，名为listView，我根据当前 View 设置 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);
        }
    }