Question

我使用的是fullCalendar v3.4.0，我的活动时间超过一天。我希望在它扩展的每一天显示活动的时间。在搜索StackOverflow时，我找到了一个使用fullCalendar v2.2.0的示例，它显示了每天的时间：

http://jsfiddle.net/3E8nk/1916/（请注意，活动的每一天都会显示10:00 - 6:00）

我使用了该示例中的代码，但它没有显示相同的时间。

http://jsfiddle.net/7yL1zuhp/（请注意，第一天有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;
}

Answer 1

这看起来像fullCalendar中的实现更改。您可以通过其他渲染自行解决此问题。请使用活动{this.state.deviceDetails.map((dev,i)=>{ if(user.idx == dev.uid){ return([ <td>{dev.imei ? dev.imei : "-"}</td>, <td>{dev.dm ? dev.dm : "-"}</td> ]) } })}

这是可以扩展到完整解决方案的修复示例

eventAfterRender

工作示例http://jsfiddle.net/ravnx49e/

完整日历v2.x显示扩展超过1天的事件的时间

1 个答案: