Html Full Calendar v2.x显示扩展超过1天的事件的时间

Html Full Calendar v2.x显示扩展超过1天的事件的时间,html,events,calendar,fullcalendar,Html,Events,Calendar,Fullcalendar,我正在使用fullCalendar v3.4.0,我有一个跨越一天以上的活动。我希望在活动展开的每一天显示活动的时间。 搜索StackOverflow时,我发现了一个使用fullCalendar v2.2.0的示例,它显示了每一天的时间: (请注意,活动的每天显示10:00-6:00) 我使用了该示例中的代码,但是它不显示相同的时间 (注意第一天有10:00-12:00,第二天没有时间,第三天有12:00-6:00) 有没有办法像第一个例子那样获得显示时间 两个示例中的代码都是相同的,唯一的变化

我正在使用fullCalendar v3.4.0,我有一个跨越一天以上的活动。我希望在活动展开的每一天显示活动的时间。 搜索StackOverflow时,我发现了一个使用fullCalendar v2.2.0的示例,它显示了每一天的时间:

(请注意,活动的每天显示10:00-6:00)

我使用了该示例中的代码,但是它不显示相同的时间

(注意第一天有10:00-12:00,第二天没有时间,第三天有12:00-6:00)

有没有办法像第一个例子那样获得显示时间

两个示例中的代码都是相同的,唯一的变化是资源

HTML
<div id='calendar'></div>

JAVASCRIPT
$('#calendar').fullCalendar({
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2014-09-15',
defaultView: 'agendaWeek',
editable: true,
events: [
    {
        title: 'Birthday Party',
        start: '2014-09-15T10:00:00',
        end: '2014-09-17T06:00:00'
    }
]
});

CSS
body {
    margin-top: 40px;
    text-align: center;
    font-size: 13px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
    width: 900px;
    margin: 0 auto;
}
HTML
JAVASCRIPT
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月,agendaWeek,agendaDay”
},
默认日期:“2014-09-15”,
defaultView:'agendaWeek',
是的,
活动:[
{
标题:"生日派对",,
开始:“2014-09-15T10:00:00”,
完:2014-09-17T06:00:00
}
]
});
CSS
身体{
边缘顶端:40px;
文本对齐:居中;
字体大小:13px;
字体系列:“Lucida Grande”,Helvetica,Arial,Verdana,无衬线;
}
#历法{
宽度:900px;
保证金:0自动;
}

这看起来像是fullCalendar中的实现更改。您可以通过附加渲染自行解决此问题。 请使用事件
eventAfterRender

下面是一个修复示例,可以扩展到完整的解决方案

eventAfterRender: function(event, element) {
    var $element = element.find('.fc-time');
    if ($element.length > 0) {
        return;
    }
    var $content = element.find('.fc-content');
    $content.prepend('<div class="fc-time" data-start="12:00" data-full="12:00 AM - 6:00 AM" style="margin-right: 2px; background-color: rebeccapurple;"><span>12:00 - 6:00</span></div>');


  }
eventAfterRender:函数(事件,元素){
var$element=element.find('.fc time');
如果($element.length>0){
返回;
}
var$content=element.find('.fc content');
$content.prepend('12:00-6:00');
}

工作例

也许它不麻烦在中间显示时间,因为它持续了一整天?我认为更新的版本更好,因为它显示了特定日期的时间。说“10:00-06:00”实际上有点傻,因为它不能准确描述情况。你可能会想象这个活动是从每天上午10点到下午6点(如果你没有注意到24小时制,很多人不会注意到,并且没有仔细看左边的一栏)。它不会告诉你晚上10点和早上6点是哪一天。因此,事实上,每天都有一个单独的时间段更有意义。如果您认为中间一天应该显示“00:00-23:59”或其他内容,那么可以通过GitHub向维护人员提交一个bug。