我使用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/