Calendario con jQuery-ui

Una de las bondades que puede brindar un desarrollador es hacer un sistema lo más intuitivo posible y fácil de usar, sobre todo para usuarios que por ciertas condiciones no tienen la capacidad de ser muy diestros con los sistemas de información, como todo, “absolutamente todo” ya está en le nube, la mayoría de los sistemas interactivos están ambientados en la web o un sitio base HTML.

Son muchas las herramientas que existen para facilitar el desarrollo y funcionamiento de un sitio web, en éste caso, quisiera reflejar un poco la bondad de las herramientas jQuery, que viene acompañada de un sinnúmero de funciones y clases dispuestas sólo para introducir los datos y echarlas a correr, por su puesto, con sus respectivas revisiones y adecuaciones para que todo sea lo más intuitivo posible, como mencionaba.

Hace poco, me propusieron apoyar hacer un desarrollo web sencillo, dentro del desarrollo hay unos cuantos formularios, uno es el de registro de usuarios, con sus respectivos datos personales y fecha de nacimiento, utilicé jQuery-ui, me proporciona clases y funciones para calendarios, el calendario que hice estuvo de la siguiente manera:











$(function() {
$.datepicker.setDefaults($.datepicker.regional['es']);
$('#date').datepicker(
{
dateFormat: 'dd-mm-yy',
changeYear: true,
yearRange: "1950:"
});
});








Con la condición changeYear habilito que el año pueda ser escogido a criterio del usuario, con la condición yearRange habilito un rango de año, en el ejemplo de 1950 hasta 17 años menos del año actual, con la función PHP, esto con la intención de que se registren personas de 17 a 63 años de edad.

Adicionalmente cargo las etiquetas de los días en español, este paquete de jQuery-ui-datepicker, viene dispuesto con múltiples archivos con diferentes idiomas.

Advertisements
This entry was posted in HTML, jQuery. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s