javascript - Fullcalendar jquery 插件高度问题

Question

我在网页中集成了全日历，但出于某种原因，我通过插件中可用的“高度”属性应用的高度仅适用于 MonthView。

代码:

var calendarOptions = {
                theme: true,
                defaultView: 'agendaWeek',
                allDaySlot: false,
                allDayText: 'all-day',                
                height: ($(window).height()) - ($("div.calendarTitle").offset().top),
                firstHour: 7,
                firstDay: 1,
                slotMinutes: 30,
                defaultEventMinutes: 120,
                axisFormat: 'H:mm',
                .....

基本上，($(window).height()) - ($("div.calendarTitle").offset().top)旨在覆盖给定区域。

我想知道是否有其他人遇到过这个问题，或者对我如何克服它有任何想法。我只想得到相同的高度，无论月 View 、日 View 还是周 View 。

现在，周 View 和日 View 覆盖了页面的 70%。

Answer 1

你试过初始化后动态设置吗？

$('#calendar').fullCalendar('option', 'height', 700);

FullCalendar Documentation

另一种方法(用于 DayView)在 this question's answers 中提供在堆栈上。

您也可以尝试类似 this 的方法(最后一个条目)用于 WeekView。