¿Buscas mejorar tus formularios sin complicaciones? Conozca DeskyCalendar, un selector de fechas minimalista y responsivo elaborado en JavaScript puro. Está diseñado para agregar estilo y funcionalidad a su proceso de selección de fecha sin sobrecargar su proyecto.

Página de demostración y proyecto

página de demostración -> https://danruggi.github.io/datepicker/
enlace del proyecto -> https://github.com/danruggi/datepicker

Características clave

? Totalmente responsivo: se ve genial en cualquier dispositivo: no más calendarios apretados.
? Formato Doble/Único: Elige entre seleccionar una sola fecha o un rango con facilidad.
? Agregue la opción "Cualquier fecha": permita a los usuarios la libertad de seleccionar cualquier fecha, perfecto para filtros e informes.
? Deshabilitar fechas: evita selecciones de fechas pasadas o futuras, manteniendo todo bajo control.
? Ejecutar función externa al hacer clic: ¿Quiere activar una acción personalizada cuando se selecciona una fecha? ¡Fácil!
Configuración rápida

1. Incluya CSS y JS

Simplemente coloque estos enlaces en su HTML:

2. Agregue su opinión

Crear un campo de entrada:

3. Inicializar el calendario

Configúrelo con una simple línea de JavaScript:

nuevo DeskyCalendar({'miID': {}});

Ejemplos mínimos

Dos columnas

Cambie fácilmente a una selección de fecha doble:

nuevo DeskyCalendar({'calendar_date_selector1': {modo: "double"}});

Desactivar fechas

¿Quieres restringir las fechas? Solo agrega

const d = nueva fecha();
nuevo DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
Conclusión

Con solo un par de líneas, DeskyCalendar brinda sofisticación y simplicidad a sus necesidades de selección de fechas, al mismo tiempo que es liviano y eficiente. Es hora de mejorar tus formularios con esta elegante solución. ¡Feliz codificación!