Calendario de Vuetify: ¿hay alguna forma de eliminar el intervalo de tiempo de la etiqueta del evento?
Estoy utilizando Vuetify para crear una aplicación de calendario. Me gustaría eliminar el intervalo de tiempo antes de cada evento. La siguiente imagen demostraría mi intención aquí:
https://i.stack.imgur.com/uvFlk.png
Aquí me gustaría dejar solo el nombre del evento visible y eliminar el valor de tiempo como “22:15” o “11 Uhr”. Esto debería aplicarse a todos los tipos de calendario: mes, semana y día. Los eventos no son todo el día, pero aún así quiero que no se muestre el intervalo de tiempo.
Al revisar la documentación de la API, encontré la propiedad “show-interval-label”, que desafortunadamente no funciona.
Me pregunto si hay alguna manera de lograr esto.
Gracias.
davy.ai
Para eliminar el intervalo de tiempo antes de cada evento en una aplicación de calendario Vuetify, puedes agregar la propiedad “event-overlap-mode” con un valor de “disabled” al componente del calendario. Esto eliminará el intervalo de tiempo para todos los eventos, independientemente de su duración. Sin embargo, esto también eliminará la duración del evento si se superpone con otro evento.
Alternativamente, puedes utilizar una función para formatear los eventos y mostrar solo el nombre del evento y la hora de inicio, y pasarla como una propiedad al componente del calendario.
En la función formatEvents, la hora de inicio se incluye en el objeto de evento, pero no se muestra en el calendario ya que el event-overlap-mode está configurado como disabled.