La cosa es asi, tengo un archivo con el siguiente codigo:
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function ModificarFecha(Campo){
var Dia = (document.all('txtDia'))
var Mes = (document.all('txtMes'))
var Año = (document.all('txtAño'))
var Fecha = new Date(Año.value, Mes.value - 1, Dia.value)
if (event.keyCode== 38){
if (Campo == 'Dia'){
Fecha.setDate(Fecha.getDate() + 1);
}
else if (Campo == 'Mes'){
Fecha.setMonth(Fecha.getMonth() + 1);
}
else if (Campo == 'Año'){
Fecha.setFullYear(Fecha.getFullYear() + 1);
}
}
else if (event.keyCode== 40){
if (Campo == 'Dia'){
Fecha.setDate(Fecha.getDate() - 1);
}
else if (Campo == 'Mes'){
Fecha.setMonth(Fecha.getMonth() - 1);
}
else if (Campo == 'Año'){
Fecha.setFullYear(Fecha.getFullYear() - 1);
}
}
Dia.value = Fecha.getDate();
Mes.value = Fecha.getMonth() + 1;
Año.value = Fecha.getFullYear();
}
</script>
</head>
<body>
<div>
<table style="width: 100%;">
<tr>
<td>
Dia:
</td>
<td>
<input name="txtDia" type="text" value="17" id="txtDia" onKeyDown="return ModificarFecha('Dia');" />
</td>
</tr>
<tr>
<td>
Mes:
</td>
<td>
<input name="txtMes" type="text" value="6" id="txtMes" onKeyDown="return ModificarFecha('Mes');" />
</td>
</tr>
<tr>
<td>
Año:
</td>
<td>
<input name="txtAño" type="text" value="2008" id="txtAño" onKeyDown="return ModificarFecha('Año');" />
</td>
</tr>
</table>
</div></body>
</html>
Se supone que estando parado en una de las cajas de texto, si presiono las flechas arriba o abajo, el contenido de la caja se incrementa o decrementa segun sea el caso, hasta ahi todo bien.
El asunto es cuando llego al 27/12/2008 por ejemplo y presiono la tecla flecha arriba, se queda estancado.
Esto se repite con otras fechas.
Lo que necesito saber es:
¿Por que pasa esto? y ¿Como lo corrijo?
Desde ya muchas gracias.