fullcalendar - 如何自动将 FullCalendar 放入指定的 div 空间

Question

我想将 fullCalendar 放入指定的 div 空间中，使其具有流畅的效果，但发现很难做到。我什至尝试使用纵横比，但没有得到任何运气......下面是我到目前为止所做的

    $(window).resize(function() {
    var ratio = $(window).width()/$(window).height();
    $('.resize').html('<div>ratio:'+ratio+'</div>');
    calendar.fullCalendar('option', 'aspectRatio', ratio);
});

Answer 1

动态调整 高度 而不是 纵横比为我工作:

启动时将日历分配给变量:

calendar = $('#calendar').fullCalendar({
    height: $(window).height()*0.83,
    ...
});

然后动态调整高度(在检查日历已经存在以避免初始错误消息之后):

if(calendar) {
  $(window).resize(function() {
    var calHeight = $(window).height()*0.83;
    $('#calendar').fullCalendar('option', 'height', calHeight);
  });
};

系数 *0.83取决于您的页面设计。

希望这可以帮助。