0
264
Viewsel calendario completo no se muestra correctamente hasta que hago clic en cualquier botón de acción como (mes, semana, día)
Cuando cambio el tamaño de mi ventana, se muestra correctamente, pero al actualizar mi página, el problema vuelve y hago clic nuevamente en el botón para ver el calendario adecuado.
document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('leave_calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { initialView: 'dayGridMonth', height: 650, headerToolbar: { left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' }, navLinks: true, nowIndicator: true, selectable: true, dayMaxEvents: true, events: [ {title: 'Frank', start: '2021-09-17', end: '2021-09-21', }, ] }); calendar.render() }); <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.9.0/main.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.9.0/main.min.css"> <div id='leave_calendar' class="leave-calendar"></div>
·
Juan Pablo Isaza
1 answers
Answer question0
Moví el calendario a otra página vacía y simplemente lo incluí en el archivo PHP, funciona correctamente, por lo que solo hay un problema de renderizado. Fullcalendar requería una página dedicada para renderizar correctamente.
·
Juan Pablo Isaza
Report
Answer question