javascript - 使用 minTime 和 maxTime 时，jQuery fullcalendar 在日历末尾添加奇怪的 hr

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到自动。这将使日历处于自然高度，但不允许允许滚动条:

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