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