http://box365.in/conocer-la-edad-en-javascript/
  • Webmaster

Conocer la edad en Javascript


Algunas veces nos gustaría saber cual es la edad de acuerdo a la fecha de nacimiento.

En este caso podemos validar esta información con tan solo ingresar la fecha de nacimiento DD/MM/YYYY

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script>

$(function() {

$( "#date" ).datepicker({
changeMonth: true,
changeYear: true,
showWeek: true,
monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
yearRange: "<?php echo date('Y')-100;?>:<?php echo date('Y');?>",
dateFormat: 'd-m-yy'

});

for(a=1;a<=<?php echo count($acomodacion);?>;a++){

$( "#date"+a+"" ).datepicker({
changeMonth: true,
changeYear: true,
showWeek: true,
monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
yearRange: "<?php echo date('Y')-100;?>:<?php echo date('Y');?>",
dateFormat: 'd-m-yy'

});
}

});

</script>

<input type='text' id='date3' /><div id='edad'></div>

<script>

function calcular_edad(fecha) {
var fechaActual = new Date()
var diaActual = fechaActual.getDate();
var mmActual = fechaActual.getMonth() + 1;
var yyyyActual = fechaActual.getFullYear();
FechaNac = fecha.split("/");
var diaCumple = FechaNac[0];
var mmCumple = FechaNac[1];
var yyyyCumple = FechaNac[2];
//retiramos el primer cero de la izquierda
if (mmCumple.substr(0,1) == 0) {
mmCumple= mmCumple.substring(1, 2);
}
//retiramos el primer cero de la izquierda
if (diaCumple.substr(0, 1) == 0) {
diaCumple = diaCumple.substring(1, 2);
}
var edad = yyyyActual - yyyyCumple;

if ((mmActual < mmCumple) || (mmActual == mmCumple && diaActual < diaCumple)) {
edad--;
}
return edad;
};

$(function() {

$( "#date3" ).datepicker({
changeMonth: true,
changeYear: true,
showWeek: true,
monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
yearRange: "<?php echo date('Y')-100;?>:<?php echo date('Y');?>",
dateFormat: 'd/m/yy'

});

});

$( "#date3" ).change(function() {
$( "#edad" ).text( calcular_edad($("#date3").val()) + " Años");
});

</script>

 

El resultado seria el siguiente.

Relacionados...