全日历月视图高度答案

【问题标题】：Fullcalendar month view height全日历月视图高度
【发布时间】：2016-03-18 07:12:14
【问题描述】：

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

我怎样才能使月视图下方没有空白？

【问题讨论】：

请问你能为此制作小提琴吗？

标签： jquery css height fullcalendar

【解决方案1】：

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

viewRender 方法将在呈现新的日期范围或视图类型切换时触发。 (source)

这样你就可以捕捉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
        }
    });
});

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

【讨论】：