DatePiker

¿Qué es el jQuery User Interface Datepicker?
Dentro del jQuery User Interface encontramos toda una serie de elementos de programación de la interfaz de usuario preprogramados y listos para serintegrados en nuestros proyectos HTML. Se trata de una amplia biblioteca JavaScript que abarca desde efectos dinámicos, hasta menús, calendarios, etc. 

En concreto, el componente Datepicker nosproporciona un calendario totalmente personalizable, en el que podremos realizar selecciones de fechas y asociarlo a elementos HTML, como entradas de formularios.

Las capacidades que nosproporcionará las iremos desgranando en éste y en un posterior artículo, a vuelapluma son:
Navegación ágil mediante clics de ratón
Extracción de fechas seleccionadas
Asociación directa y automatizada conentradas de texto
Opciones de internacionalización
Enlace con menús de días y años
Control de fechas seleccionables
Ser mostrado y ocultado a demanda
Personalización de su apariencia medianteestilos prediseñados o personales


Cómo mostrar un Datepicker
Comenzaremos por las tareas de inicialización y el cómo mostrar un calendario en nuestra página web; no será muy apasionante, dado quesu funcionalidad será reducida. Se limitará a poder navegar en él como lo haríamos en el calendario de nuestro sistema operativo, para consultar fechas. 
Observemos el Listado 1, que pasaremos acomentar con detalle.
Listado 1: Uso básico de un componente Datepicker




jQuery UI Datepicker - Uso básico




$(function () {
$("#datepicker").datepicker();
});




Fecha:Si repasamos el código, nos encontramos, por orden secuencial:
La referencia a la hoja de estilos del User Interface de jQuery: jquery-ui.css 
Debe ser la primera de lasbibliotecas JavaScript referenciadas
La referencia a la biblioteca jQuery general: jquery-x.x.x.js
La referencia a la biblioteca User Interface de jQuery: jquery-ui.js
Una función de inicialización del Datepicker:...