完整日历月份视图高度

Question

我使用的是Fullcalendar，在天和周模式下，高度显示正确，但在月视图中，高度是屏幕的一半，下面有很多空白。

我如何才能使月景下方没有空白？

Answer 1

注意：以下答案基于FullCalendarv2。如果你使用的是FullCalendar v1，请添加评论，我会相应地更新我的答案。

viewRender方法将在渲染新的日期范围时触发，或在视图类型切换时触发。（来源）

因此，当当前显示的视图类型为"月"时，您可以捕捉viewRender事件，检查当前显示的是哪种视图类型，并调整FullCalendar的高度。

示例：

$("#calendar").fullCalendar({
    viewRender: function(view, element) {
        if (view.name === "month") {
            $("#calendar").height(500); //change id and height if needed
        } else {
            $("#calendar").height(400); //change id and height if needed
        }
    });
});

因此，在当前项目中初始化FullCalendar时，需要将viewRender属性添加到FullCalendar的选项中。