我正在使用Fullcalendar,在日和周模式中,高度显示正确,但在月视图中,高度是屏幕的一半,下面有很多空白区域。
我怎样才能使月视图下面没有空格?
答案 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的选项中。