Necesito mostrar algunos datos con extendedProps
, pero cuando trato de mostrarlo con info.event.extendedProps.description
en timeGridWeek
o timeGridDay
no lo hace (pone "undefined"), sólo lo muestra en dayGridMonth
.
Los eventos los cargo con dos php que me traen correctamente los eventos, ya que se muestran correctamente en el calendar. Ya he probado muchas cosas y no termino de dar con la tecla...
Pego el código que tengo para el calendar:
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid', 'interaction', 'bootstrap', 'timeGrid', 'rrule' ],
height: 'parent',
header: {
left: 'prev,next today',
center: 'title',
right: 'timeGridDay,timeGridWeek,dayGridMonth'
},
titleFormat: {
year: 'numeric',
month: 'long',
day: '2-digit'
},
defaultView: 'timeGridWeek',
themeSystem: 'bootstrap',
selectable: true,
editable: true,
navLinks: true,
weekNumbers: true,
nowIndicator: true,
locale: 'es',
minTime: '08:00:00',
maxTime: '22:00:00',
weekends: false,
eventOrder : 'color',
eventSources: [
'carga_citas.php',
'carga_sesiones.php'
],
eventClick: function(info) {
alert(info.event.extendedProps.description);
}
});
calendar.render();
});
</script>
Gracias por vuestras respuestas.
EDITO para añadir:
Los datos los mando codificados con json_encode, si hago print_r:
Array
(
[0] => Array
(
[id] => 30939
[title] => David Fernández Fernández
[start] => 2019-11-26 00:00:00
[end] => 2019-11-26 01:00:00
[color] => #A47AE2
[textColor] => #000000
[description] => 3
)
[1] => Array
(
[id] => 30963
[title] => Pedro Fernández Fernández
[start] => 2019-11-27 00:00:00
[end] => 2019-11-27 01:00:00
[color] => #A47AE2
[textColor] => #000000
[description] => 3
)
)
Hay cientos, esto es un extracto. Espero que ayude.