我使用完整日历创建议程事件管理。我想分割日视图多列基于事件的数量位置。我静态分割,但我需要动态分割。我的代码静态分割如下所示。
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'resourceDay'
},
defaultView: 'resourceDay',
resources: [
{
/*
* employeeId
* name
* backgroundColor
* foregroundColor
*/
id: '1',
name: 'Joe Bloggs',
color: 'red',
textColor: 'black'
},
{
id: '2',
name: 'Alan Black',
color: 'blue'
},
{
id: '3',
name: 'Robert White',
color: 'pink'
},
{
id: '4',
name: 'Paul Green',
color: 'green'
},
{
id: '5',
name: 'Jane Yellow',
color: 'yellow',
textColor: 'black'
}
],
events: [
{
title: 'Test Event',
start: '2014-03-27 12:30:00',
end: '2014-03-28 17:10:00',
resources: '4',
allDay: false
}
],
});
});
</script>
<div id='calendar'></div>
上面的代码工作得很好,但我想动态地给出资源值。
在我的例子中,我有传递动态事件数据的需求。下面的链接给出了从ajax请求获取数据的示例。我希望它能帮助你解决获取动态数据的问题。
http://arshaw.com/fullcalendar/docs/event_data/events_function/