[英]FullCalendar Scheduler Events are not showing in TimelineView
我创建了一个具有以下事件和资源的调度程序
var sampleEvents = [{ 'id': '1',
'resourceid': '27',
'start': '2018-09-19T07:00:00',
'stop': '2018-09-19T16:00:00',
'title': 'Message 1',
}];
var sampleResources = [{
facility_type: "Message Type",
id: '27',
title: "Message 1"
}];
$('#calendar').fullCalendar({
schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
now: currenDate //Today's Date,
editable: false,
header: {
left: 'today prev,next',
center: 'title',
right: 'month,timelineDay,agendaWeek'
},
defaultView: 'month',
resourceGroupField: 'facility_type',
resourceColumns: [
{
labelText: 'Facility',
field: 'title',
width: 150,
},
],
resources: sampleEvents,
events: sampleResources,
dayClick: function(date, jsEvent, view) {
if(view.name == 'month' || view.name == 'basicWeek') {
$('#calendar').fullCalendar('changeView', 'timelineDay');
$('#calendar').fullCalendar('gotoDate', date);
}
},
});
}, function (error) {
});
这些事件以月视图显示,但没有以日视图显示。 有人可以告诉我问题出在哪里吗?
在JavaScript中,变量名和属性名区分大小写。 因此
'resourceid': '27'`
应该
'resourceId': '27'
按照文档中的示例 。 该事件未显示时间轴视图,因为就fullCalendar而言,您没有告诉它与之关联的资源。
分配的对象不正确。 如果传递正确的对象。 会很好的
resources: sampleResources,
events: sampleEvents
您可以参考下面的工作jsfiddle链接
http://jsfiddle.net/jso51pm6/3769/
resources: sampleEvents,
events: sampleResources,
你把他们错了。 切换它们。 它会工作。
resources: sampleResources,
events: sampleEvents,
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.