JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="dataNascimento">Data de Nascimento</label>
<input type="text" id="dataNascimento" name="dataNascimento" class="form-control" placeholder="00/00/0000" maxlength="10" value="" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="idade">Idade</label>
<input type="text" id="idade" name="idade" class="form-control" placeholder="00" maxlength="2" value="" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="button" class="btn btn-default">Enviar</button>
</div>
</div>
<div class="row">
<div class="col-md-12" id="result"></div>
</div>
</form>
JavaScript
function calcularIdade(nascimento) {
var d = new Date,
ano_atual = d.getFullYear(),
mes_atual = d.getMonth() + 1,
dia_atual = d.getDate();
var nascimento = new Date(nascimento);
var diferencaAnos = ano_atual - nascimento.getFullYear();
if ( new Date(ano_atual, mes_atual, dia_atual) <
new Date(ano_atual, nascimento.getMonth(), nascimento.getDate()) )
diferencaAnos--;
return diferencaAnos;
}
$(".btn").click(function(){
var dataNascimento = $("#dataNascimento").datepicker("getDate");
var idadeInformada = $("#idade").val();
var idadeReal = calcularIdade(dataNascimento)
$("#result").append('<br/>Data de nascimento: ' + dataNascimento);
$("#result").append('<br/>Idade informada:' + idadeInformada);
$("#result").append('<br/>Idade real:' + idadeReal);
$("#result").append('<br/>Idade informada confere com data de nascimento: ' + (idadeReal == idadeInformada));
});
$("#dataNascimento").datepicker();