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

这就是我所说的: 它看起来像什么 这就是我的期望: 我所期待的

复制它的最小设置是:

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

你可以在这个jsbin中玩它。

删除minTimemaxTime会使日历按预期运行。

经过一些摆弄后,看来默认的宽高比为1.35 。 由于您的日历不符合该比率,因此添加了填充。

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

(1)修改宽高比。 在您的示例中, 2.2的比率可能有效:

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

(2)将高度设置为auto 。 这将使日历成为自然高度,但不允许使用滚动条:

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