Laravel 5 如何在重新加载页面（fullcalendar）后保持在最后一个视图上

我在laravel 5.6中使用fullcalendar。 我的默认视图是月视图，我希望在重新加载页面后保持在最后一个视图。 示例：如果切换到“周”视图，则在刷新页面后，我希望能够保持此视图，而不是返回“月”视图。

---

如果您有解决方案，感谢您的帮助。

使用jquery cookie库使用

viewRender

事件存储当前视图，然后使用以下方法切换到它

 $('#calendar').fullCalendar( 'changeView', 'basicDay'  );

以下是在视图之间切换时触发的

viewRender

事件的参考。

---

使用jquery cookie库使用

viewRender

事件存储当前视图，然后使用以下方法切换到它

 $('#calendar').fullCalendar( 'changeView', 'basicDay'  );

以下是在视图之间切换时触发的

viewRender

事件的参考。

---

非常简单，只需在.fullCalendar初始化中添加以下行：

viewRender: function (view, element) {
  // when the view changes, we update our localStorage value with the new view name
   localStorage.setItem("fcDefaultView", view.name);
},

    defaultView: (localStorage.getItem("fcDefaultView") !== null ? localStorage.getItem("fcDefaultView") : "month"),

---

Rgds。Senad非常简单，只需将以下行添加到.fullCalendar初始化中即可：

viewRender: function (view, element) {
  // when the view changes, we update our localStorage value with the new view name
   localStorage.setItem("fcDefaultView", view.name);
},

    defaultView: (localStorage.getItem("fcDefaultView") !== null ? localStorage.getItem("fcDefaultView") : "month"),

Rgds。用于V5的Senad：

var iv = localStorage.getItem("fcDefaultView") || 'timeGridWeek'
var id = localStorage.getItem("fcDefaultDate") || new Date
var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: iv,
    initialDate: id,
    datesSet: function (dateInfo) {
        localStorage.setItem("fcDefaultView", dateInfo.view.type);
        localStorage.setItem("fcDefaultDate", dateInfo.startStr);
    },
})
calendar.render()

对于V5：

var iv = localStorage.getItem("fcDefaultView") || 'timeGridWeek'
var id = localStorage.getItem("fcDefaultDate") || new Date
var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: iv,
    initialDate: id,
    datesSet: function (dateInfo) {
        localStorage.setItem("fcDefaultView", dateInfo.view.type);
        localStorage.setItem("fcDefaultDate", dateInfo.startStr);
    },
})
calendar.render()

对于V4：

viewSkeletonRender: function (view, element) {
   // when the view changes, we update our localStorage value with the new view name
   localStorage.setItem("fcDefaultView", view.view.type);
},
defaultView: (localStorage.getItem("fcDefaultView") !== null ? localStorage.getItem("fcDefaultView") : "month"),

对于V4：

viewSkeletonRender: function (view, element) {
   // when the view changes, we update our localStorage value with the new view name
   localStorage.setItem("fcDefaultView", view.view.type);
},
defaultView: (localStorage.getItem("fcDefaultView") !== null ? localStorage.getItem("fcDefaultView") : "month"),

---

您必须将其存储在localstorage或类似的东西中才能持久化状态，然后根据该状态设置默认视图。您必须将其存储在localstorage或类似的东西中才能持久化状态，然后根据该状态设置默认视图。您好，感谢您的快速回答，但我在defaultview:view type中遇到此错误”（localStorage.getItem（“fcDefaultView”）！==null？localStorage.getItem（“fcDefaultView”）：“month”）无效。它不工作：-）您好，谢谢您的快速回答，但我在defaultview:View type（localStorage.getItem（“fcDefaultView”）！==null？localStorage.getItem（“fcDefaultView”）：“month”）无效。它不工作：-）嗨，谢谢。你能给我举个例子吗。我从web编程开始，对jQuerycookie一无所知。提前感谢您我正在尝试以下操作：->setCallbacks（['viewRender'=>'函数（视图，元素）{localStorage.setItem（“fcDefaultView”，view.name”）；document.addEventListener（\'keydown\，（event）=>{if（event.key=\'F5\）{sessionStorage.setItem（“fcDefaultDate”，view.title）；$.cookie（“example”，view.start）；}}，false）；}'，$（'#'）.fullCalendar（'changeView'，'agenda'，'$.cookie（“example”'）），但这是一个错误：试图在没有Calendar的元素上调用FullCalendar方法。谢谢。你能给我一个例子吗。我开始从事web编程，但对jquery cookie一无所知。谢谢你。我正在尝试以下方法：->setCallbacks（['viewRender'=>'函数（视图，元素）{localStorage.setItem（“fcDefaultView”，view.name）；document.addEventListener（\'keydown\，（event）=>{if（event.key=\'F5\）{sessionStorage.setItem（“fcDefaultDate”，view.title）；$.cookie（“example”，view.start）；}}，false）；}，$（'\'35;'）.fullCalendar（'changeView'、'agenda'、'$.cookie（“example”'）），但这是一个错误：试图对没有日历的元素调用FullCalendar方法