无法设置Fullcalendar议程视图的高度

问题

我创建了一个Fullcalendar页面,并在视图中填充了事件。 问题是我只想让日历使用可见高度的100%。 如果日历设置为“月”视图,我可以通过以下方式实现此目的;

<div id="calendarholder" class="col-sm-12 full-height">
    <div id='calendar'></div>
</div>

我有一个按钮,调用以下函数:

function resize(){
    console.log("resizing....");
    var calHeight = $('#calendarholder').height();
    console.log(calHeight);
    $('#calendar').fullCalendar('option', 'height', calHeight);
  };

容器的大小通过css用以下设置,我可以确认由于控制台输出而在功能中检测到正确的大小。

.full-height{
    height: calc(100vh - 50px);
}

此刻,日历呈现的尺寸大于屏幕尺寸,因此滚动条出现在我的页面一侧。 如果我在视图设置为“月”时使用上述功能,则可以看到日历立即变为适合页面。 但是,如果我使用该功能,而我有选项defaultView:“agendaWeek”设置,它会显示它根本没有任何影响。

我所尝试过的

  • 上面的功能
  • 试图设置contentHeight
  • 试图手动设置所有选项
  • 手动黑客的高度,但这不能使标题栏与其余列保持一致
  • 我只是不明白为什么这不是为“议程周”视图工作,而是为其他人。

    链接地址: http://www.djcxy.com/p/39425.html

    上一篇: Unable to set height of Fullcalendar agenda view

    下一篇: Why fullCalendar doesn't show event?