Como calcular a idade automática a partir da data inserida no campo data em PHP e em JavaScript?

Sandson · Março 14, 2017

Eu tenho um formulário que tem o seguinte:

<!doctype html>
<html lang="pt_BR">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>FORMULÁRIO</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/javascript" href="js/bootstrap.min.js">
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>
<h3>Informações Pessoais</h3>

<hr>	

<form>
	
	<div class="form-group col-md-4">
		<label for="nome">Nome:</label>
		<input type="text" name="nome" id="nome" class="form-control text-uppercase" placeholder="Digite seu nome">
	</div>
	
		<div class="form-group col-md-2">
			<label for="data">Data de Nascimento:</label>
			<input type="date" name="data" id="data" class="form-control">
		</div>
	
	<div class="form-group col-md-1">
		<label for="idade">Idade:</label>
		<input type="num" name="idade" id="idade" class="form-control" placeholder="Idade" disabled>
	</div>
	
</form>
</body>

</html>

COMO QUE EU FAÇO TANTO EM PHP QUANTO EM JAVASCRIPT PRA CALCULAR A IDADE DA PESSOA A PARTIR DO MOMENTO QUE ELA ADICIONAR A DATA DE NASCIMENTO DELA NO CAMPO DATA... EU USO BOOTSTRAP...

TO INICIANDO AGORA COM ESSAS LINGUAGENS...

OBRIGADO.

PS.:

EU TENHO ESSE SCRIPT AQUI QUE CALCULA QUASE DO JEITO QUE EU QUERO.... MAS EU TENHO QUE CLICAR NO BOTÃO PRA GERAR A IDADE, E EU QUERO QUE GERE ASSIM QUE O USUÁRIO COLOCAR A DATA.

<script>
function calculateAge(dobString) {
var dob = new Date(dobString);
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
var birthdayThisYear = new Date(currentYear, dob.getMonth(), dob.getDate());
var age = currentYear - dob.getFullYear();
if(birthdayThisYear > currentDate) {
age--;
}
return age;
}
function calcular(data) {
var data = document.form.nascimento.value;
var partes = data.split("/");
var junta = partes[2]+"-"+partes[1]+"-"+partes[0];
document.form.idade.value = (calculateAge(junta));
}
</script>

O CÓDIGO EM PHP QUE EU USO É ESSE:

<?php

date_default_timezone_set('America/Fortaleza');

function idade($data_nascimento) {
$dn = new DateTime ($data_nascimento);
$agora = new DateTime ();
	
	
	$idade = $agora->diff($dn);
	return $idade->y;
	
}

echo '<h1>', idade ('1995-05-03'), ' anos de idade</h1>';

?>