Calendario Javascript
Muchas veces estamos diseñando una página web y necesitamos utilizar un campo de tipo fecha. Este tipo de campos
son bastante puñeteros ya que los usuarios pueden introducir los valores de tipo fecha de diversas formas,
con guiones, con barras, etc.
Para corregir los valores introducidos siempre podemos utilizar javascript, pero aquí lo importante siempre es el usuario
y no debemos andar mareandole con formatos de fecha.
Mi solución siempre ha sido mostrarles un calendario en una capa, para que ellos seleccionen la fecha deseada.
He desarrollado un pequeño calendario en javascript, para que lo podáis utilizar en vuestras páginas.
Para usarlo simplemente tendremos que importar el fichero Javascript con la funcionalidad del calendario:
<script type="text/javascript" language="javascript" src="calendario.js"></script>
y en los campos que queramos que al hacer click salte el calendario añadir al evento onClick la siguiente función:
Fecha <input type="text" name="fecha" value="dd/mm/aaaa" onclick="mostrarCalendario('fecha','11','2008')"/>
Se le debe pasar como parámetros el campo donde queremos que se devuelva el valor obtenido en el calendario, así como el mes
y el año que queremos que el calendario muestre al cargarse por primera vez.
Por último necesitamos crearnos una capa donde se mostrará el calendario:
<div id="calendario" style="visibility:hidden;position:relatiave;" class="arrastrable" ></div>
Aquí os podeis descargar el código fuente.
Espero que le saqueis un buen partido.
