S-015 – FullCalendar en Svelte 5

Si deseas disponer de un entorno completo para hacer aplicaciones, necesitas tener resuelto cómo implementar «un calendario» para agenda de citas, reuniones, etc. He estado esperando que SVAR UI publique su alternativa, pero hasta este momento, no lo ha hecho y por ello he trabajado con más detalle la solución de FullCalendar que del entorno del que venimos (PHPRunner y WEB), es el más habitual y tenemos experiencia en su utilización.

Este tema fue tratado en la guía S-004 aunque en dicha guía tuve muchas dificultades en su uso, quizá por el enfoque que me ofreció la IA en ese momento y en esta versión es un ejemplo mucho más completo, con todas las funciones aplicables, y desde mi punto de vista, muy bien resueltas.

Objetivo

Disponer de un ejemplo de Calendario y de «Timeline» de Recursos, con la biblioteca de Jacascript FullCalendar. El ejemplo incluye:

  • Vista de calendario de diario, semana, mes y año (multimeses) y de Recursos de diario, semana y mes.
  • Ajuste del producto para el Español (fácil adaptación a cualquier otro idioma).
  • Disponibilidad de Tooltip en la actividades.
  • Acción de clic sobre una actividad y control sobre los datos de la actividad.
  • Funcionamiento de la reactividad en el producto.

DEMO: https://fhumanes.com/fullcalendar-svelte/

Si estás interesado en este tema, sigue leyendo el artículo en este enlace.