如何阻止fullcalendar在周视图中呈现一整天?

时间:2015-10-08 15:49:09

标签: javascript jquery fullcalendar

首先我正在阅读文档,并且我使用了minTime和MaxTime来渲染特定的插槽。

我遇到的问题是整天都被渲染了,我认为这可以被覆盖,但是如果它存在的话,我还没能找到这样做的选项?

我想在09:00到19:00之间呈现完整日历。到目前为止我的代码:

$(document).ready(function () {

    $('#calendar').fullCalendar({
        defaultView: 'agendaWeek',
        minTime: '09:00:00',
        maxTime: '19:00:00',
        allDaySlot: false
})

我的问题: Image of problem

1 个答案:

答案 0 :(得分:2)

可以使用CSS并设置日历的overflow属性。

但是,您还应该阅读有关fullcalendar' height属性的文档。

引用文档:

  

默认情况下,[高度]选项未设置,日历的高度由aspectRatio计算。

您还可以将aspectRatio更改为您想要的任何内容。您可以在此处阅读:http://fullcalendar.io/docs/display/aspectRatio/

高度具有以下输入选项:

Integer, "auto"

正确使用:

$('#calendar').fullCalendar({
    height: 650 //[integer, "auto"]
});

高度文档可在此处找到:http://fullcalendar.io/docs/display/height/