Fullcalendar 未在“agendaDay”视图中显示最后一行 EOD 事件答案

【问题标题】：Fullcalendar not showing last row EOD events in 'agendaDay' viewFullcalendar 未在“agendaDay”视图中显示最后一行 EOD 事件
【发布时间】：2016-05-20 16:56:54
【问题描述】：

我正在使用 JQuery Fullcalendar (v2.6.1)。

我创建了一个从今天 23:50 开始到明天凌晨 02:00 结束的活动。但是今天的列表中没有显示此活动的标题。内容高度未根据确切内容进行调整。

$(document).on('pageshow','#index',function(e,data){    
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    $('#calendar').fullCalendar({
        editable: true,
        defaultView: 'agendaDay',
        events: [
            {
                title: 'Meeting',
                start: new Date(y, m, d, 23, 50),
                allDay: false
            }
        ]
    });
});

FIDDLE

我想在下图中完整显示标记的事件。

是否可以在不破坏今天的列表本身的情况下显示活动详细信息？

【问题讨论】：

您希望如何看到它？你想看第二天凌晨 1 点吗？我认为您应该使用显示事件详细信息的大工具提示
你好杰夫，你有什么解决办法吗？
@kim：我只是减少了 EOD 事件的 'top' css 属性。所以它会显示在视图中。
已经这样做了。我们也可以显示最后一个插槽时间吗？就像日历底部的中午 12 点一样。表示晚上 10 点到 11 点和晚上 11 点到 12 点。

标签： javascript height fullcalendar

【解决方案1】：

使用此格式作为开始和结束日期。

  start: '2016-05-19T12:59:00', //start time
    end: '2016-05-20T10:00:00', //End time

它会在两天内显示该事件。

 defaultView: 'agendaWeek',

 defaultView: 'agendaDay',

【讨论】：

请再次检查问题

【解决方案2】：

$(document).on('pageshow','#index',function(e,data){    
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    $('#calendar').fullCalendar({
        editable: true,
        defaultView: 'agendaDay',
        events: [
            {
                title: 'Meeting',
                start: new Date(y, m, d, 23, 59),
                end: new Date(y, m, d+1, 14, 00),
                allDay: false
            }
        ]
    });
});

您忘记添加 endDate

【讨论】：

我不需要在下午 2 点之前显示它。也需要在今天的列表中显示事件详细信息。意思是，最后一行必须需要事件详情
不，它不会显示任何细节，因为它没有更多的空间来显示
有解决办法吗？
你想把第二天的议程放在今天下面吗？它没有任何意义。