完整日历默认视图答案

【问题标题】：Full Calendar Default View完整日历默认视图
【发布时间】：2018-08-02 18:23:51
【问题描述】：

由于完整日历并不真正适合较小的屏幕，我正在尝试根据屏幕的宽度大小更改完整日历的“默认视图”。

我正在尝试用这行代码来实现它：

defaultView: (function () { 
  if ($(window).width() >= 768) { 
    return defaultView = 'agendaDay'; 
  } else { 
  return defaultView = 'month'; 
  } 
})

它工作正常，但是您必须每次刷新浏览器才能查看更改。

我尝试了 windowResize 功能，但没有运气。任何帮助将不胜感激。在不刷新页面的情况下寻找 sulotion。提前致谢。

【问题讨论】：

你的意思是你试过fullcalendar.io/docs/windowResize？你在那个回调中做了什么，究竟是什么？向我们展示您的尝试。你试过打电话给fullcalendar.io/docs/changeView吗？结果如何？ “没有运气”并没有真正给我们一个有意义的问题描述

标签： css fullcalendar media-queries fullcalendar-scheduler fullcalendar-3

【解决方案1】：

我不确定 fullcalendar 是否会接受 defaultView 选项的功能，但如果您进行两次调整，您的代码将起作用：

返回视图的名称，即“月”
把你的函数变成一个 IIFE

defaultView: (function () { 
  if ($(window).width() >= 768) { 
    return 'agendaDay'; 
  } else { 
    return 'month'; 
  } 
})()

【讨论】：

【解决方案2】：

从 v5 开始，defaultView 已重命名为 intialView，因此可以正常工作：

initialView: window.innerwidth >= 768 ? 'agendaDay' : 'month',

【讨论】：