javascript - FullCalendar - 在议程日 View 中很难看到 "late"事件

标签 javascript jquery fullcalendar

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

奇怪的是,有人安排了晚上 11:59 的事件,但在 FullCalendar 的议程 View 中基本上看不到该事件。

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 上看到的,“延迟(很难看到)事件”在日历底部仅呈现两个像素高,这是无法使用的。有解决办法吗?例如,也许可以通过某种方式查看当天的情况直到第二天凌晨 1 点?

最佳答案

添加maxTime:“24:59:59”。这会将议程 View 扩展到午夜之后,使您的事件可见。 这是 jsFiddle:http://jsfiddle.net/0tm5cgjb/2/

关于javascript - FullCalendar - 在议程日 View 中很难看到 "late"事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26108530/

相关文章:

javascript - 迭代列表并显示在下拉列表中

jquery - Android 是否支持 jquery?

html - fullCalendar : today's day disappears 问题

jquery - Fullcalendar:为什么日历在页面上出现两次?

javascript - 禁用 jQuery fullcalendar 插件中的时间段范围

javascript - 通过单击按钮显示 JSON

javascript - jQuery 拖放可排序 div 不起作用

javascript - 如何正确编写或创建支持 HTML 数据-* 属性的 JQuery 插件?

javascript - Angular 4 : How to include external js libraries?

javascript - 火狐本地存储未定义