FullCalendar - changeView不工作

Question

我正在使用fullCalendar显示Google日历。我希望日历更改为agendaDayview。目前，我正在使用的代码块更改视图：

if (($(window).width()/$(window).height()) < 0.95) { 
    console.log("Here"); 
    $('#calendar').fullCalendar('changeView', "agendaDay") 
} 

这是我的日历的设置方式：

$(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      googleCalendarApiKey: 'AIzaSyDIQZLuITK90tlTtdHN4cSkdLW9aRznnL4', 
      events: { 
       googleCalendarId: 'db25n7oev1at726gljle5d784c@group.calendar.google.com' 
      } 
     }); 
    }); 

而且，我使用的引导，所以我有这样的HTML ：

<div class="container first-container"> 
    <div class="col-md-12"> 
     <h2 class="about-calendar">Calendar</h2> 
     <hr> 
     <div id='calendar'></div> 
    </div> 
    </div> 

我确定我缺少一些基本的东西。我是网络编程的新手。任何帮助，将不胜感激。

谢谢。

Answer 1

您需要听取结果的window resize事件。你可以使用jQuery来听。除此之外，它看起来不错。

$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     googleCalendarApiKey : 'AIzaSyDIQZLuITK90tlTtdHN4cSkdLW9aRznnL4', 
     events : { 
      googleCalendarId : 'db25n7oev1at726gljle5d784c@group.calendar.google.com' 
     } 
    }); 
    $(window).resize(function() { 
     console.log(($(window).width()/$(window).height()));//can be removed 
     if (($(window).width()/$(window).height()) < 0.95) { 
      console.log("Here"); 
      $('#calendar').fullCalendar('changeView', "agendaDay") //Change this accordingly 
     } else { 
      $('#calendar').fullCalendar('changeView', "agendaWeek") //Change this accordingly 
     } 
    }); 
}); 

.resize()

如果这不是你想要的，请告诉我们。