Javascript, Calcular la edad con la fecha de nacimiento

Calcular la edad sabiendo la fecha de nacimiento es otra de las tareas comunes en el desarrollo de un proyecto.

usando Javascript podemos calcular la edad facilmente

function Edad(FechaNacimiento) {

    var fechaNace = new Date(FechaNacimiento);
    var fechaActual = new Date()

    var mes = fechaActual.getMonth();
    var dia = fechaActual.getDate();
    var año = fechaActual.getFullYear();

    fechaActual.setDate(dia);
    fechaActual.setMonth(mes);
    fechaActual.setFullYear(año);

    edad = Math.floor(((fechaActual - fechaNace) / (1000 * 60 * 60 * 24) / 365));
   
    return edad;
}

Usando esta función podemos obtener la edad sabiendo la fecha de nacimiento.

Ejemplo supongamos que tenemos un input tipo 'date' en nuestra web

<input type='date' id='fechaNace'>

Nuestra función para calcular la fecha de nacimiento la usaríamos de la siguiente forma

 
var fecha = document.getElementById('fechaNace').value;

//Ejemplo 
// fecha =  '1994-06-10';

var edad = Edad(fecha);

//edad = 22;

Ejemplo de uso

Javascript, Funcion para obtener la hora actual

Tener la hora actual siempre disponible es muy importante en nuestra web, por eso una funcion para realizar este trabajo es indispensable en nuestro proyecto. por eso hoy quiero mostrarles una función hecha para este proposito

function horaActual() {

    var hActual = new Date();

    var minutes = (hActual.getMinutes().toString().length == 1) ? ('0' + hActual.getMinutes()) : (hActual.getMinutes());
    var horas = (hActual.getHours().toString().length == 1) ? ('0' + hActual.getHours()) : (hActual.getHours());

    return (horas) + ":" + (minutes);
}

Con esta función obtenemos la fecha actual del sistema.

Su forma de uso es muy sencilla, supongamos que en nuestra pagina tenemos un input tipo 'time'

<input type='time' id='mihora'>

Usando javascript 

document.getElementById('mihora').value = horaActual();

¡listo!, ya tenemos la hora actual en nuestro campo de fecha.

De forma opcional si deseas usarla con jQuery seria de la siguiente forma:

$('#mihora').val(horaActual());

Javascript, funcion para obtener la fecha actual

Tener una función que nos retorne la fecha actual es indispensable en nuestros proyectos, por eso hoy les traigo está función la cual pueden usar en cualquiera de sus proyectos web

function FechaActual() {

    var fActual = new Date();

    var dia = (fActual.getDate().length==1)?('0'+fActual.getDate()):(fActual.getDate());
    var mes = ((fActual.getMonth()+1) > 9 )?(fActual.getMonth()+1):('0'+(fActual.getMonth()+1));
    var año = fActual.getFullYear();

    return (año + "-" + mes + "-" + dia).toString();
}

Supongamos que tenemos un campo llamado 'miFecha'

<input type="date" id="miFecha">

Usando jQuery para establecer la fecha actual en el campo 'miFecha' seria de la siguiente manera

$("#miFecha").val(FechaActual());

¡listo! con eso tenemos la fecha actual en nuestro input

si prefieres la puedes usar sin jQuery de la siguiente forma:

document.getElementById('miFecha').value = FechaActual();

y de esta sencilla forma obtendras la fecha actual en tu campo fecha.

Si quieres poner la fecha actual a todos los campos tipo fecha en tu pagina, usando jQuery lo puedes

hacer de una forma muy sencilla

$("input[type='date']").each(function () {
    $(this).val(FechaActual());
});

¡listo! con eso tendrás todos tus campos tipo fecha con la fecha actual.

Gracias .. Espero les ayude en sus proyectos.