[英]Fullcalendar JSON/AJAX
目前,我正在研究Fullcalendar v3。
我的events
代码用于设置在日历中显示项目所需的事件:
eventSources: [{
events: function(start, end, timezone, callback) {
$.ajax({
url : 'dispatcher.php',
type : 'post',
dataType: 'json',
data : {
// requires UNIX timestamps
start : start.unix(),
end : end.unix(),
component : 'Rak',
controller: 'Read',
task : 'getCalendarEvents'
},
success : function(doc) {
var events = [];
$(doc).find('event').each(function() {
events.push({
title : $(this).attr('title'),
start : $(this).attr('start'), // will be parsed
end : $(this).attr('end'), // will be parsed
className: $(this).attr('className')
});
});
callback(events);
console.log(doc);
}
});
}
}]
Console.log(doc) :
0:{id:“ 1”,标题:“ Testtesttest”,开始:“ 2019-01-15”,结束:“ 2019-01-16”,className:“ event-azure”}长度:1
但是...项目未显示在日历中。 我究竟做错了什么? 目前我一无所知。
正在发送JSON格式,并且应该在事件中使用它。
非常感谢您的帮助!
硬编码示例可显示所需格式:
events: [
{
title : 'event1',
start : '2010-01-01'
},
{
title : 'event2',
start : '2010-01-05',
end : '2010-01-07'
},
{
title : 'event3',
start : '2010-01-09T12:30:00',
allDay : false // will make the time show
}
]
您可以执行以下操作:
$('#calendar').fullCalendar({
events: {
url: "<?php echo Yii::getAlias('@COMPANY_URL') . '/shedule/get_event' ?>",
}
});
在dispatcher.php中,您必须生成如下格式的json
[
{
title: 'Event Title1',
start: '2015-03-17T13:13:55.008',
end: '2015-03-19T13:13:55.008'
},
{
title: 'Event Title2',
start: '2015-03-17T13:13:55-0400',
end: '2015-03-19T13:13:55-0400'
}
]
在我的控制器中是这样的:
public function actionGet_event() {
$events = Shedule::find()->all();
$eventsJson = array();
foreach ($events as $event) {
$url = "https://www.google.co.in/";
$eventsJson[] = array(
'description' => $event->event_desc,
'title' => $event->event_title,
'start' => $event->event_date,
'edit' => $url,
'className' => ["event", "bg-color-greenLight"],
'icon' => 'fa-check',
);
}
echo json_encode($eventsJson);
}
根据您的问题文本, console.log(doc)
已经生成了一个有效的事件数组( 根据事件对象的fullCalendar文档,具有有效的值和字段名),因此您无需创建单独的events
变量,也不必进行处理doc
以任何方式。
相反,您可以直接将数据直接传递给fullCalendar,而无需对其进行任何处理:
success : function(doc) {
callback(doc);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.