CALCULO DE LA EDAD

Hemos implementado esta aplicación (cálculo de la edad), utilizando javascript puro y duro, de manera que se puedan apreciar las particularidades de este lenguaje, cuya virtud más interesante reside en el poco peso de las páginas que lo utilizan, así como la instantaneidad del resultado.Se puede decir que es el padre de Ajax.

Para la introducción de las fechas en los inputs correspondientes, en código HTML, hemos intentado facilitar la labor al máximo, con el fin primordial de evitar errores de formato de fecha por parte del usuario.

Por otra parte, como la aplicación no funciona si javascript está desactivado en el navegador que lo ejecuta, se alertará de tal circunstancia al usuario. para que pueda poner remedio a tal hecho.

PROBAR CALCULO DE LA EDAD

Código completo de la aplicación:

<!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>
<link rel="Shortcut Icon" href="http://ecuadorcaser.webcindario.com/especial/calav.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta content="Diego Tórtola Descalzo" name="author" />
<title>input con formateo de fecha y calculo edad</title>

function nonumber(digito){
if(digito < '0' || digito > '9') return true;
return false;
}

function calculare(form){
form.anus.value=calcular_edad(form);
}

function calcular_edad(form){
var fecha=form.fecha_a.value;
var array_fecha = fecha.split('/');
if (array_fecha.length!=3) return (0);
var ano = parseInt(array_fecha[2]);
if (isNaN(ano)) return (0);
var mes = parseInt(array_fecha[1]);
if(!mes){
mes=parseInt(fecha[4]);
}
if (isNaN(mes)) return (0);
var dia = parseInt(array_fecha[0]);
if(!dia){
dia=parseInt(fecha[1]);
}
if (isNaN(dia)) return (0);
if (ano <= 99){

ano +=1900;form.fecha_a.value=form.fecha_a.value.substr(0,6)+ano;

formato_fecha(form.fecha_a);
}

var hoy=form.fecha_b.value;
var array_hoy = hoy.split('/');
if (array_hoy.length!=3) return (0);
var anhoy = parseInt(array_hoy[2]);
if (isNaN(anhoy)) return (0);
var meshoy = parseInt(array_hoy[1]);
if(!meshoy){
meshoy=parseInt(hoy[4]);
}
if (isNaN(meshoy)) return (0);
var dihoy = parseInt(array_hoy[0]);
if(!dihoy){
dihoy=parseInt(hoy[1]);
}
if (isNaN(dihoy)) return (0);
if (anhoy <= 99){
anhoy+=1900;

form.fecha_b.value=form.fecha_b.value.substr(0,6)+anhoy;

formato_fecha(form.fecha_b);
}

var edad = anhoy - ano - 1;
var mesus="0";
var dius="0";
form.aplaza.value='35/'+mes+'/'+ano;
var dias_mes=parseInt(rango_fecha(form.aplaza));

if (meshoy > mes){
edad++;
mesus = meshoy - mes - 1;
if (dihoy >= dia){
mesus++;
}
}
if(meshoy < mes){
mesus = 12 - (mes - meshoy);
if(dihoy < dia) mesus--;
}
if (meshoy == mes) {
if (dihoy >= dia) {
edad++;
}
else mesus=11;
}
if (dihoy >= dia) dius=dihoy-dia;
if (dihoy < dia){
dius = dias_mes - (dia - dihoy);
}

form.meses.value=mesus;
form.dias.value=dius;
form.frac_ano.value=parseFloat(edad+mesus/12+dius/12/dias_mes).toFixed(2);
return edad;
}
// -->
//]]>
</script>

</head>
<body>
<script type="text/javascript">
//<![CDATA[

//]]>
</script>
<noscript>Si sólo aparece este mensaje, Javascript esta desactivado en su navegador.<br />
En tal caso, active javascript para que aparezca el aplicativo de la edad en la parte superior.</noscript>
</body>
</html>

Probado en Firefox 9.0.1

Para probar este código por tu cuenta, cópialo desde aquí y pégalo, utilizando un simple editor de texto plano (para evitar modificaciones automáticas del código), en un fichero con extensión .html, y arrástralo o ábrelo en tu navegador. La utilización pública del mismo se rige bajo las normas de copyleft.

Admite fechas desde el año 100 al 2499, tal cual está configurado.

Para los años 1901 a 1999 basta con poner los 2 últimos dígitos del año para que éste se autocomplete.

Corregido el 29 Dic. 2011 de un error de no comprobación de formato de fecha cuando sólo se ponen 2 dígitos para el año.

Esta aplicación está fundamentada en tomar los datos de fecha de los inputs de un form, por lo que, en caso de que la fecha hubiera que tomarla de variables y traspasarla a variables, habría que modificar las funciones eliminando los 'form.' y los '.value' que contienen.

Tambien se pueden ocultar los inputs que no se utilicen declarándolos 'hidden' en lugar de 'text'

Por si se quiere descargar el fichero calculaedad.html, actualizado el 9 Febrero 2012, éste es el link de descarga:

http://www.mediafire.com/?p5324louu5zu0xu

Este fichero se puede ejecutar localmente en el navegador, arrastrándolo en su interior.

Posts relacionados: