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

Question

这就是我所说的: 这就是我的期望:

复制它的最小设置是:

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

你可以在这个jsbin中玩它.

删除其中任何一个minTime或maxTime使日历按预期运行.

Answer 1

经过一些摆弄后,看来默认的宽高比是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'
});