jQuery fullcalendar 在使用 minTime 和 maxTime 时在日历末尾添加奇怪的小时

Question

这就是我要说的：这就是我所期望的：

复制它的最小设置是：

$('#calendar').fullCalendar({
    defaultView: 'agendaWeek',           
    minTime: '10:00',
    maxTime: '16:00'         
});

您可以在 this jsbin 中使用它。

删除 minTime 或 maxTime 会使日历按预期运行。

Answer 1

经过一些调整，默认的 aspect ratio 似乎是 1.35。因为您的日历不符合该比例，所以它正在添加填充。

我看到有 2 个选项可以修复它。

(1)修改纵横比。在您的示例中，2.2 的比率可能有效：

$('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    allDaySlot: false,            
    minTime: '10:00',
    maxTime: '16:00',
    aspectRatio: 2.2
});

(2) 将height设置为auto。这将使日历成为自然高度，但它不会允许滚动条：

$('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    allDaySlot: false,            
    minTime: '10:00',
    maxTime: '16:00',
    height: 'auto'
});

jQuery fullcalendar 在使用 minTime 和 maxTime 时在日历末尾添加奇怪的小时

jQuery fullcalendar adds weird hr at the end of the calendar when using minTime and maxTime

javascript

jquery

fullcalendar