我正在使用FullCalendar显示用户输入的事件。因此,我无法控制它们的安排时间。
奇怪的是,有人安排了晚上11:59的活动,而且在FullCalendar的议程视图中它基本上是不可见的。
对于我正在描述的场景,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上看到的那样,“Late(很难看到)事件”在日历底部只呈现两个像素高,这是无法使用的。这有解决方案吗?也许某种方式可以在第二天早上1点到第二天观看这一天?
答案 0 :(得分:1)
添加maxTime: "24:59:59"
。这将使议程视图延伸到午夜之后,使您的活动可见。
这是jsFiddle:http://jsfiddle.net/0tm5cgjb/2/