Calendario en Javascript

Crear un calendario en javascript es muy útil, por su aspecto vistoso. La forma para mostrarlo va a ser utilizando un botón y un textbox; es decir al dar clic en el botón se va a mostrar el calendario y después de elegir una fecha, ésta se mostrará en el textbox.

El procedimiento para realizarlo es el siguiente:

1. Se agrega en la carpeta del proyecto los scripts (estilos).

2. Después dentro de Head en el código HTML, se escribe el siguiente código:

Es importante mencionar que el calendario que se va a mostrar, va a ser dependiendo de los scripts que nosotros elijamos, ya que existen distintos estilos para mostrar, además de otros idiomas.

3. Por ultimo, dentro de body en el codigo HTML, se escribe el siguiente código:

Donde en inputField va a ir el nombre del textbox, en ifFormat el formato de la fecha que se va a mostrar en el textbox y button el nombre del botón.

Si se desea presentar el calendario con solo pulsar un textbox, el código es el siguiente:

Este código es similar al del paso 3, solo que en este caso en button se va a escribir el nombre del textbox, para que cuando pulsemos sobre el textbox se muestre el calendario sin la necesidad de pulsar un botón.

Espero les sea de gran ayuda este código para crear un calendario.