0
278
ViewsEl calendario completo no muestra el rango para la duración del espacio de 15 minutos
Estoy arreglando el código de otra persona y no estoy familiarizado con el calendario completo. ¿Alguien puede ayudarme con el calendario completo? Tengo un evento configurado para las 7:00 a. m. y las 7:15 a. m., debería aparecer en la interfaz de usuario. Lo que sucede ahora es que cada vez que configuro una duración de 15 minutos, la interfaz de usuario solo muestra la hora de inicio, por ejemplo, 7:00 a. m., pero si selecciono 30 minutos o más, muestra la duración completa, por ejemplo, 7:00 a. m.-7:30 a. m.
Aquí hay un fragmento de controller.js
weekends: true, //eventBackgroundColor: component.get('v.eventBackgroundColor'), eventBorderColor: component.get('v.eventBorderColor'), eventTextColor: component.get('v.eventTextColor'), slotDuration: '00:15:00', slotLabelInterval: 15, slotLabelFormat: 'h:mm a', minTime: "7:00:00", maxTime: "20:15:00", timezone: "Australia/Melbourne", views: { workWeekView: { type: 'agendaWeek', duration: { days: 7 }, title: 'Apertura', columnFormat: 'dddd', // Format the day to only show like 'Monday' hiddenDays: [0, 6] // Hide Sunday and Saturday? } },1 answers
Answer question0
La regla parece ser que si la duración del evento es menor o igual a la duración del espacio, no mostrará la fecha de finalización.
por ejemplo, si slotDuration es de 30 minutos (el valor predeterminado), los eventos cuya duración sea de 30 minutos o menos no mostrarán la hora de finalización en la vista de agenda.
Pensé que displayEventEnd podría anularlo, pero eso ya es true de forma predeterminada para las vistas de agenda.
Demostración: https://codepen.io/ADyson82/pen/vYeqdjo
Desafortunadamente, no parece haber ninguna forma de cambiar este comportamiento en fullCalendar 3.
Sin embargo, si actualiza al (actualmente) último fullCalendar, versión 5, entonces ya es el comportamiento predeterminado mostrar la hora de finalización del evento en todos los casos, sin importar la duración del evento.
Demostración: https://codepen.io/ADyson82/pen/mdBZXQy