完整日历默认视图

时间:2018-08-02 18:23:52

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

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

我正在尝试使用以下行代码来实现:

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

一切正常,但是您每次都必须刷新浏览器才能查看更改。

我尝试了windowResize函数,但是没有运气。任何帮助将不胜感激。寻找支持而不刷新页面。 预先感谢。

1 个答案:

答案 0 :(得分:0)

我不确定fullcalendar是否会接受defaultView选项的功能,但是如果您进行了两次调整,您的代码是否可以工作:

  1. 返回视图的名称,即“月”
  2. 将您的功能纳入IIFE
defaultView: (function () { 
  if ($(window).width() >= 768) { 
    return 'agendaDay'; 
  } else { 
    return 'month'; 
  } 
})()