Fullcalender – 我们可以为我们的活动Json Data添加自定义数据吗?
我想在我的Event Json Response中发送一个类型。
这是我的代码:
$('#calendar').fullCalendar({ eventSources: [ {"id":"46_l","title":"CustomEvent-Chargement","start":"2013-12-02","end":"2013-12-03","className":"customEventsClass","type":1}, {"id":"46_d","title":"Custom Event-Livraison","start":"2013-12-11","end":"2013-12-12","className":"customEventsClass","type":2} ] });
你看我在JSON Response数组中发送一个类型 ,这可能吗? 我们可以使用什么参数来发送自定义数据?
尝试使用events:
而不是eventSources:
$('#calendar').fullCalendar({ events: [ {"id":"46_l","title":"CustomEvent-Chargement","start":"2013-12-02","end":"2013-12-03","className":"customEventsClass","type":1}, {"id":"46_d","title":"Custom Event-Livraison","start":"2013-12-11","end":"2013-12-12","className":"customEventsClass","type":2} ] });
根据文件 :
非标准字段
除上述字段外,您还可以在每个事件对象中包含您自己的非标准字段。 FullCalendar不会修改或删除这些字段。 例如,开发人员通常包含用于回调的
description
字段,例如eventRender 。
例:
$('#calendar').fullCalendar({ events: [ { title: 'My Event', start: '2010-01-01', type: 1 // Custom field } ], eventRender: function(event, element) { console.log(event.type); // Writes "1" } });
只要url返回json响应,您也可以将url端点传递给事件
cId.fullCalendar({ header: { right: '', center: 'prev, title, next', left: '' }, theme: true, //Do not remove this as it ruin the design selectable: true, selectHelper: true, editable: true, //it will load data from this url events: "{{ url('api/events') }}", // events: getData(), //Add Events });
并在您的控制器或function
$events = $request->user()->events()->select('title','color','date')->get(); // dd($even,$events) $eventsResponse = []; // created_at->format('Ym-d') foreach ($events as $event) { $eventsResponse[] = [ 'title'=>$event->title, 'color'=>$event->color, 'start'=> Carbon::parse($event->date)->toDateTimeString(), ]; } return $eventsResponse;