Estoy apenas aprendiendo a usar el fullCalendar de bootstrap y después de estar buscando la solución no pude encontrarla, mi código es el siguiente:
script
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: new Date(),
navLinks: true,
editable: true,
eventLimit: true,
events: {
url: 'getEventos/',
error: function() {
alert(1);
}
}
});
});
controlador
public function getEventos(){
$eventos = Eventooooo::find(1);
$evento = ['title' => $eventos->evento,
'start' => $eventos->fechaEvento,
'end' => $eventos->fechaEvento,
];
return response()->json($evento);
}
Estoy mandando un JSON con los index de la manera que espera recibirlo calendar para así solo mandar el response a 'event', y efectivamente, como respuesta me esta trayendo los datos que necesito. Con este código que estoy usando, no me muestra ningún error pero tampoco me muestra el evento dentro del calendario, estuve siguiendo un tutorial donde la persona tampoco le mostraba el dato entonces tuvo que hacer lo siguiente:
código tutorial
$(document).ready(function() {
$.get('getEventos/', function(response, state){
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: new Date(),
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
events: $.parseJSON(response),
});
});
});
Pero eso a mi me genera un error y no me funciono. Quisiera saber si alguien a tenido este mismo problema y como solucionarlo, gracias.
events
te hace falta encerrar con[...]
, o bien, dado que estas usando un recurso externo en vez de usarevents
tienes que usareventSources
JSON.parse(data);