Fullcalendar月视图高度

时间:2015-12-12 11:36:55

标签: jquery css height fullcalendar

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

我怎样才能使月视图下面没有空格?

1 个答案:

答案 0 :(得分:0)

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

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

因此,您可以捕获viewRender事件,检查当前显示的视图类型,并在当前显示的视图类型为" month"时调整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的选项中。