Este es un script que nos permitirá implementarle a nuestros formularios la posibilidad de que los usuarios puedan ingresar fechas a través de un elegante calendario construido con javascript y css.
Trabaja con unas librerías que están incorporadas en el link de descarga.
A continuación les muestro una sencilla manera de implementarlo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="css/calendario.css" type="text/css" rel="stylesheet">
<script src="js/calendar.js" type="text/javascript"></script>
<script src="js/calendar-es.js" type="text/javascript"></script>
<script src="js/calendar-setup.js" type="text/javascript"></script>
</head>
<body>
<input type="text" name="ingreso" id="ingreso" value="dd-mm-yyyy" />
<img src="ima/calendario.png" width="16" height="16" border="0" title="Fecha Inicial" id="lanzador">
<!-- script que define y configura el calendario-->
<script type="text/javascript">
Calendar.setup({
inputField : "ingreso", // id del campo de texto
ifFormat : "%d-%m-%Y", // formato de la fecha que se escriba en el campo de texto
button : "lanzador" // el id del botón que lanzará el calendario
});
</script>
</body>
</html>
DEMO
hola quisier cambiarel color del calendario, como podria hacerlo? Gracias
Hola, Sony principiante en web, por favor me puedes enviar el calendario.
Hola César, tengo un pequeño problema con el calendario y las tildes. Si pongo : Las tildes del calendario me salen bien pero las tildes de los campos de la base de datos no salen. En cambio si pongo : Los campos de la base de datos salen bien pero no salen las tildes del calendario. Se te ocurre como solucionarlo? Gracias por todo.
Hola buenos dias cesar, mira estoy usando esta aportte tuyo, pero quiero saber me digas como puedo hacer que los usuarios no puedan seleccionar (Copiar) las fecha ya escogida directamende del text... Ya le coloque la opcion de readonly="yes" pero todabia puedo meter el cursor en el text y seleccionar lo escrito, yo quiero que solo se pueda ver mas nada no seleccionar la fecha escogida.. yo usuario despliego el calendario y escojo el dia del mes y listo mas nada, no lo introducido en el text..
Buenisimo, ahora si quiero porner 3 campos de fecha en la misma pagina como le hago?. Espero me puedas ayudar y muchas gracias. Saludos desde México
Muy bueno el codigo, lo probe en un hoja web en blanco y me funciono perfectamente, cuando lo pase a un programa con un fondo diferente, no me sale el fondo.
lo siento, que tonto soy. ya se donde está
saludos maestro, disculpe la pregunta pero no encuentro el link de descarga de las librerias del calendario. podria ayudarme
Buenisimo, me servira mucho para mi desarrollo de un sistema de matricula online para un centro de idiomas... saludos desde Peru
sabes Cesar cuando hago submit la fecha me cambia de d-m-Y a Y-m-d hh:mm:ss. hay forma de controlar eso?
Excelente codigo, justo lo que andaba buscando,... gracias por todas tus aportaciones, me han servido muchisimo... Saludos, desde México!
Excelente Cesar..., es justo lo que estaba buscando, encontre un codigo pero solo me servia para IE, pero este me funciona para cualquier navegador.