0
235
ViewsFullCalendar dayGrid View no muestra las opciones de visualización en el encabezado
Estoy usando FullCalendar v5 en JS. Cuando intento usar DayGrid View, no funciona.
Rendimiento esperado: 
Salida recibida: 
He agregado una etiqueta de secuencia de comandos en la parte superior de mi archivo PHP para el complemento dayGrid:
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@5.9.0/"></script>La siguiente etiqueta de secuencia de comandos se utiliza para agregar los botones en el encabezado:
<script> $(document).ready(function() { var calendar = $('#calendar').fullCalendar({ initialView: 'dayGridWeek', header: { left: 'prev,next', center: 'title', right: 'dayGridMonth,dayGridDay,dayGridWeek' }, editable: true, events: 'https://fullcalendar.io/demo-events.json' }); }); </script>1 answers
Answer question0
Mirando la sintaxis basada en jQuery que ha usado, parece estar usando fullCalendar v3 (o inferior), no v5. (v4 y superior no se implementan como complementos de jQuery y la sintaxis para inicializar el calendario es bastante diferente).
Por lo tanto, debe consultar la documentación aquí: https://fullcalendar.io/docs/v3#toc
Una vez que hagas eso, verás que
a) los nombres de vista son todos diferentes, y
b) la opción para configurar la vista al inicio es defaultView , no initialView .
Por lo tanto, el código que necesitarías es:
var calendar = $("#calendar").fullCalendar({ defaultView: "agendaWeek", header: { left: "prev,next", center: "title", right: "month,agendaDay,agendaWeek" }, editable: true, events: "https://fullcalendar.io/demo-events.json" });Demostración en vivo: https://codepen.io/ADyson82/pen/XWgpaao
PD El enlace https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@5.9.0/ es solo un enlace a uno de los archivos de complemento para la versión 5.9, no es el archivo principal de fullCalendar. Si está logrando que un calendario funcione con v3, entonces no necesita esa referencia en absoluto.