Top 5: Mejores plugins de calendarios de citas y eventos para aplicaciones web en Javascript y jQuery

Top 5: Mejores plugins de calendarios de citas y eventos para aplicaciones web en Javascript y jQuery

En este top, compartiremos contigo 5 de los más avanzados componentes de calendario de citas y eventos para tu aplicación web. Aunque quizá este top lista casi todos los plugins de calendarios open source disponibles en la web, en este top serán organizados de acuerdo (a nuestra opinion) a las características que los hacen resaltar de entre los demás.

5. Bootstrap calendar

DocumentaciónDemo

El calendario de Bootstrap (componente no oficial del famoso framework), ofrece una muy simple solución para la organización de eventos para proyectos sencillos. Es realmente fácil de integrar y es mantenido en Github. Este componente usa un concepto de interfaz diferente al de los demás lo que lo hace interesante. Está basado en vistas como año, mes y día. Puedes personalizar facilmente el look de las vistas e incluso agregar nuevas vistas si lo necesitas.

Bootstrap scheduler

4. Web Delicious - jQuery event calendar

GithubDemo

WebDelicious calendar es un plugin escrito en jQuery y se basa (más un clon) del calendario de Google. Este cubre las mismas y más importantes características del calendario de google. Tiene un desempeño ejemplar y buena documentación.
  • Vista de Día, semana y mes.
  • Crea, actualiza y elimina eventos arrastrando y soltando.
  • Ofrecen una API sencilla para conectar facilmente con tu base de datos.
  • Eventos de días enteros soportados.

Web Delicious jQuery event calendar

3. Web2Cal

Documentación Demo

Web2Cal te ofree más de una vista para mostrar y manipular tus eventos. Administra tu información por meses, días, semanas y años. Este plugin es bastante fácil de usar y puede ser personalizado para ser usado en aplicaciónes de negocios. Puede ser integrado con backbone.js y puedes personalizar su interfaz si conoces el preprocesador de css Less. , además este calendario te permite controlar todos los eventos de cada uno de los elementos con callbacks. Con una comunidad activa y buena documentación, este calendario te proporcionará toda la información necesaria para completar cualquier requisito de tu aplicación con la version gratuita.

Web2cal

2. Fullcalendar

Documentación Demo

La solución gratuita más popular para la planificación de eventos y citas en una aplicación web. FullCalendar es un plugin de jQuery "arrastra-y-suelta" para mostrar eventos en un calendario de tamaño personalizable. Este plugin es genial para mostrar eventos, sin embargo no es una solución muy completa para un manager de contenido. Además de arrastrar eventos a diferentes zonas, no puedes cambiar el nombre de un evento e información acerca del evento con una API amigable, pues quedaría a tu merced la implementación de esta funcionalidad a través de los eventos. Tiene soporte para zona horaria y una vista muy util de linea de tiempo.

Fullcalendar

Es totalmente gratuita pero puedes hacer una donación al desarrollador si deseas.

1. DHTMLX Scheduler

Documentación | Demo

Este planificador te proporciona un montón de ejemplos e incluso soporte para la version gratuita en su sitio oficial, tiene un muy util FAQ y este es frecuentemente actualizado.

Este plugin escrito en Javascript plano pues no requiere ningún framework, incluye tambien ejemplos de PHP para integrar en tu proyecto (puedes usar el nucle de Javascript y css si quieres personalizar la lógica de servidor en tu propio proyecto en vez de usar la de ejemplo), la API de Javascript es bastante legible, facil de entender y usar. Sus eventos son objetos de javascript literales, que usan la siguiente estructura (depende de ti la implementación del lado de servidor para enviar y recibir información para ser mostrada):

// Lee la documentación para más información
scheduler.parse([
     { start_date:"2013-05-13 6:00", end_date:"2009-05-13 8:00", text:"Evento 1"},
     { start_date:"2013-06-09 6:00", end_date:"2009-06-09 8:00", text:"Evento 2"}
],"json");

DXHTML Calendar scheduler

Ofrece un monton de vistas personalizables y faciles de implementar (algunas no son gratuitas, pero puedes obtenerlas gratis con versiones antiguas) si buscas bien en la zona de ejemplos y documentación.

Extra

Bootstrap Year Calendar

Github | Demo

Este plugin es un calendario anual facilmente personalizable para bootstrap. Puedes agregar métodos en los eventos del calendario en su inicialización, lee su documentación para más información.

Bootstrap year calendar

AlloyUI Scheduler

Github | Demo

AlloyUI es un framework hecho con YUI3 que usa Bootstrap 3 (HTML/CSS) para proporcionar una API sencilla para construir aplicaciónes altamente escalables. El planificador es prometedor, agradable y fácil de usar.

Soporta redimensionamiento, arrastra-y-suelta, vistas de día, més y año. Este plugin no está incluido en el top oficial pues este calendario es un componente del framework, sin embargo merece ser mencionado en este top.

AlloyUI scheduler

DayPilot

Página de inicioVersion Lite código open source

DayPilot es un manager de eventos y planificación asíncrono (AJAX) que te permite construir aplicaciónes relacionadas a planificación y manejo de eventos como : solicitudes de reservas, gestión de proyectos y tiempo de seguimiento, calendarios de eventos personales o compartidos.

DayPilot

Si crees que estamos olvidando algun otro asombroso plugin de calendario de eventos, por favor compartelo con nosotros en la caja de comentarios en este artículo.

Esto podría ser de tu interes

Conviertete en un programador más sociable