周视图中的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取决于您的网页设计。

希望这会有所帮助。

Answer 3

对于版本3和版本4，您可以尝试将remain添加到配置中。
参考：https://fullcalendar.io/docs/v3/height

Answer 4

也许将高度设置为自动会起作用：它适用于我的月视图。

$("#calendar").fullCalendar({
            timezone: 'local',
            ignoreTimezone: true,
            defaultView: 'month',
            weekNumbers: false,
            slotDuration: "00:15",
            allDaySlot: false,
            slotEventOverlap: false,
            firstDay: '1',
            height:'auto',