Plugin Calendario jQuery

Creación de un plugin jQuery para implementar un calendario dinámico, o datepicker, que permita seleccionar fechas, con programación Javascript.

Si te parece útil este manual ayúdanos compartiendo!! :)

1.- Introducción al calendario Javascript con jQuery

Objetivos que nos planteamos para la realización de un calendario dinámico con Javascript y jQuery, que sirva para selección de fechas.

2.- Pasos para implementar el plugin calendario jQuery

Los pasos necesarios para utilizar el plugin calendario jQuery para la selección de fechas en cualquier página web.

3.- Inicio del plugin Calendario jQuery

Comenzamos el desarrollo del plugin de Calendario jQuery. En este paso simplemente mostramos un icono al lado del INPUT para activar el calendario.

4.- Layout HTML para el calendario jQuery

Código HTML y CSS creado para representar un calendario de un mes cualquiera, que utilizaremos en el plugin calendario jQuery.

5.- Comenzar a generar la estructura del calendario

En este paso de la construcción del calendario jQuery vamos a trabajar en la generación de la estructura HTML del calendario.

6.- Creación de los días del calendario

Parte en la que crearemos todas las capas de los días de un mes en el calendario y realizamos varias funciones Javascript relacionadas con fechas.

7.- Mostrar un navegador por meses en el calendario

El calendario jQuery necesita una pequeña utilidad para moverse entre distintos meses y poder ver cualquier mes de cualquier año.

8.- Seleccionar cualquier fecha del calendario: un datepicker

Hacer que el calendario, que ahora sólo mostraba los días de cualquier mes y año, se convierta en un datepicker y se pueda seleccionar cualquier día del mes.

9.- Selector rápido del año para el calendario jQuery

Cómo hacer un control para poder seleccionar el año que queremos ver en el calendario jQuery.

Compartir

Comentarios

felix_de_mena_

07/10/2013
muy bueno
He encontrado un plugin que engloba muchas cosas, sobre imágenes, inputs, enlaces, y muchos muy interesante, casi que con uno como esté no necesitas muchos mas.
a quien interese le dejo el enlace http://www.jquery-felix.com