周视图中的FullCalendar自动高度

Question

我需要一个星期模式的日历,它将占用它可以采取的所有宽度,并采取它没有滚动条所需的所有高度.

如果我保留默认设置height: auto, aspectRation: 1.35,我会看到一个垂直滚动条:

如果我更改aspectRatio为1,滚动条消失但我在底部看到一个无用的空白区域:

有没有办法解决它除了猜测aspectRatio(这不是我的情况,因为minTime和maxTime动态改变,所以conent高度改变)？

Answer 1

编辑:

Fullcalendar v2.1.1

http://jsfiddle.net/3E8nk/560/

contentHeight: 'auto',

旧版本的解决方案？

黑客攻击:是的.这适用于您的环境吗？我使用了你问题的代码.

http://jsfiddle.net/3E8nk/558/

contentHeight: '9999',

Answer 2

动态调整高度而不是为我工作的宽高比:

启动时将日历设置为变量:

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取决于您的页面设计.

希望这可以帮助.