FullCalendar - 很难看到"迟到"在AgendaDay视图中的事件

时间:2014-09-29 20:43:46

标签: javascript jquery fullcalendar

我正在使用FullCalendar显示用户输入的事件。因此,我无法控制它们的安排时间。

奇怪的是,有人安排了晚上11:59的活动,而且在FullCalendar的议程视图中它基本上是不可见的。

对于我正在描述的场景,

Here is a JSFiddle。 JS复制如下:

$(function () {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    $('#calendar').fullCalendar({
        header: false,
        contentHeight: 300,
        defaultView: 'agendaDay',
        scrollTime: '24:00:00',
        allDaySlot: false,
        slotDuration: '00:15:00',
        slotEventOverlap: false,
        forceEventDuration: true,
        defaultTimedEventDuration: '00:30:00',
        displayEventEnd: false,
        editable: false,
        events: [{
            title: 'Earlier (visible) Event',
            start: new Date(y, m, d, 22, 00)
        }, {
            title: 'Late (hard to see) Event',
            start: new Date(y, m, d, 23, 59)
        }]
    });
});

正如您在JSFiddle上看到的那样,“Late(很难看到)事件”在日历底部只呈现两个像素高,这是无法使用的。这有解决方案吗?也许某种方式可以在第二天早上1点到第二天观看这一天?

1 个答案:

答案 0 :(得分:1)

添加maxTime: "24:59:59"。这将使议程视图延伸到午夜之后,使您的活动可见。 这是jsFiddle:http://jsfiddle.net/0tm5cgjb/2/