css - 完整日历默认视图

Question

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

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

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

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

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

Answer 1

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

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

Answer 2

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

1. 返回视图的名称，即“月”
2. 将您的功能变成 IIFE

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