Question

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

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'
            }
        });
    });

而且，我正在使用Bootstrap，所以我有这个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()

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

FullCalendar - changeView不工作

1 个答案: