无法设置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”设置,它会显示它根本没有任何影响。
我所尝试过的
我只是不明白为什么这不是为“议程周”视图工作,而是为其他人。
链接地址: http://www.djcxy.com/p/39425.html