周视图中的完整日历自动高度

Question

我需要一个周模式的日历，它将占据它可以占据的所有宽度，并占据它不需要滚动条的所有高度。

如果我保留默认设置

height: auto, aspectRation: 1.35

，我会看到一个垂直滚动条：

如果我将

aspectRatio

更改为 1，滚动条就会消失，但我会在底部看到无用的空白区域：

除了猜测aspectRatio之外，还有什么方法可以解决这个问题（这对我来说不是这样，因为 minTime 和 maxTime 是动态变化的，所以内容高度也会变化）？

Answer 1

编辑：

全日历v2.1.1

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

contentHeight: 'auto',

旧版本的解决方案？

有点黑客：ish。这在您的环境中有效吗？我使用了您其他问题中的代码。

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，您可以尝试将

height: 'parent'

添加到您的配置中。
参考：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',