FullCalendar-很难看到“;“迟到”;agendaDay视图中的事件

FullCalendar - difficult to see "late" events in agendaDay view

本文关键字:视图 事件 agendaDay 迟到 很难 FullCalendar-      更新时间:2023-09-26

我使用FullCalendar来显示用户输入的事件。因此,我无法控制它们的计划时间。

奇怪的是,有人将活动安排在晚上11:59,而在FullCalendar的议程视图中基本上看不到。

以下是我所描述的场景的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(hard to see)Event"在日历底部只渲染了两个像素高,这是不可用的。有解决方案吗?例如,也许可以用某种方式来看待一天,直到第二天凌晨1点?

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