Tag: FULLCALENDAR
eventos:[ {overlap:false, display:’background’, start:’2021-12-23 10:15:00′, end:’2021-12-23 10:30:00′}, {overlap:false, display:’background’, start:’2021-12-23 10:30:00′, end:’2021-12-23 10:45:00′}, {overlap:false, display:’background’, start:’2021-12-23 10:30:00′, end:’2021-12-23 11:15:00′}, {overlap:false, display:’background’, start:’2021-12-23 12:00:00′, end:’2021-12-23 12:45:00′}, {overlap:false, display:’background’, start:’2021-12-23 12:30:00′, end:’2021-12-23 13:00:00′} ] Estoy utilizando FullCalendar en la vista timeGridWeek y los eventos que se superponen se muestran con un color . . . Read more
Con componentes de terceros, la forma de incluir sus estilos es importando su hoja de estilos en _app.tsx o importando la hoja de estilos en tu componente que utiliza el componente de terceros, como se describe aquí: https://nextjs.org/docs/basic-features/built-in-css-support#import-styles-from-node_modules o añadiendo al archivo next.config.js de la siguiente manera: // next.config.js const . . . Read more
Estoy tratando de añadir nuevos eventos desde un ajax a los eventos del fullcalendar Aquí está lo que he intentado: $.ajax({ type: ‘GET’, url: ‘enlace del ajax’, headers: { dateType: “json”, “Authorization”:”algo” }, dataType: “json”, success: function (res){ var wow = res; } }) var EventsField = { id: 1, . . . Read more
¿Alguien puede decirme por qué mi evento marcado como un evento de todo el día aparecería en el calendario el 24 de noviembre en lugar del 25? Las fechas de inicio y fin parecen correctas, pero se agrega al día incorrecto. Me gustaría averiguar por qué en lugar de escribir . . . Read more
Tengo una aplicación de calendario completa. Cuando agregué código para mostrar un modal function InicializarCalendario() { try { var calendarEl = document.getElementById(“calendar”); if (calendarEl != null) { var calendar = new FullCalendar.Calendar(calendarEl, { initialView: “dayGridMonth”, headerToolbar: { left: ‘prev,next,today’, center: ‘title’, right: ‘dayGridMonth,timeGridWeek,timeGridDay’ }, selectable: true, editable: false, select: function . . . Read more