Al crear un sitio web muchas veces es necesario contar con algunos elementos, como un slider, formulario o calendario. En este articulo te mostraré como puedes usar algunos plugins jquery para calendario, y ejecutar todo desde el lado del servidor, ya que la mayoría de tareas relacionadas con la fecha/hora en un sitio web o una aplicación web se ejecuta por lo general desde el lado del servidor. Muchos lenguajes incluyendo Python y Java se utilizan para el desarrollo de aplicaciones web. Sin embargo, jQuery tiene la capacidad de atar a un lenguaje backend con la ayuda de AJAX.
Los calendarios forman parte integral de muchos sitios web hoy en día. Casi todas las empresas participan en la comercialización de contenidos, por lo que tienen que mantener un calendario editable en la web. Los proveedores de servicios también mantienen los clientes actualizados a través de calendarios web.
De esta manera, se convierte en una gran importancia tener calendarios que no son sólo descriptivos y claros, sino también que hacen que el sitio web tenga un aspecto elegante y moderno. Pero ¿por qué crear uno cuando se puede usar un simple plugin de jQuery.
1. CLNDR.js
CLNDR es un plugin de jQuery para crear calendarios. A diferencia de la mayoría de los plugins de calendario, éste no genera Markup. En cambio debes proporcionar una plantilla HTML de Underscore.js y, a cambio CLNDR te da una gran cantidad de datos para utilizar dentro de esta.
Es el chasis de alta velocidad en la que se construye el vehículo de tus sueños.
2. jQuery Verbose Calendar
¿Por qué otro calendario de jQuery? Según el autor:
Necesitaba algo muy específico para un proyecto personal que me llevó a crear este calendario. Después de hacer lo que pensé que era bastante ordenada-o 🙂
Tal vez a alguien le resultará útil.
3. FullCalendar
Este es uno de los plugins calendar que mas útil me han parecido. Su estilo es pantalla completa por así decirlo, los mas sorprendente, es la forma de organizar los eventos que suceden en determinada fecha; ya que podrás re organizarlos con un simple arrastrar y soltar.
4. Zabuto Calendar
Esta librería es un plugin de jQuery para Bootstrap que te permite añadir un calendario por mes a tu página web. Puedes personalizar la pantalla del calendario y verlo en varios idiomas. También serás capaz de mostrar los eventos del calendario mediante el uso de una petición AJAX con los datos JSON y añadir una leyenda a estis.
Puede añadir una función para el calendario para ejecutarse cuando el evento onclick se dispara en un día específico.
5. pickdate.js
Hay una tonelada de opciones para personalizar en los selectores de fecha y hora. También puedes encontrar una rica API para extender la funcionalidad del selector. Algunos ejemplos se muestran en Codepen.
6. Flat Date Time Picker
El diseño es libre de desorden y muy adecuado para la incorporación en el desarrollo de aplicaciones móviles.
Los usuarios pueden cambiar los valores utilizando los botones +/- o escribiendo los valores directamente en el cuadro de texto seleccionando el valor en cada campo.
