Question

我在网页中整合了fullcalendar但由于某种原因，我通过插件中提供的“height”属性应用的高度仅适用于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)旨在涵盖给定区域。

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

现在，星期和日视图覆盖了页面的70％。

Answer 1

您是否尝试过初始化后动态设置？

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

FullCalendar Documentation

另一种方法（对于DayView）在堆栈的this question's answers中提供。

您还可以尝试像WeekView这样的this（最后一个条目）。

Fullcalendar jquery插件高度问题

1 个答案: