Fullcalendar不在'agendaDay'视图中显示最后一行EOD事件

时间:2016-05-20 06:59:48

标签: javascript height fullcalendar

我正在使用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

我想在下面的图片中完整显示标记的事件。enter image description here

是否可以在不突破今天的列表的情况下显示事件详细信息?

2 个答案:

答案 0 :(得分:0)

将此格式用于开始日期和结束日期。

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

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

 defaultView: 'agendaWeek',

enter image description here

 defaultView: 'agendaDay',

enter image description here

enter image description here

答案 1 :(得分:-1)

$(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