Get the name and date value (using datepicker), and then calculate using only (JQUERY),

4

 $(function () {
                
                $("#datepicker").datepicker({
                   
                });
                
            });
    <body>
        <form id="formu">
            Nome:
            <input type="text" id="name"><br>
            Data de nascimento:          
            <input type="text" id="datepicker" name="data"/><br>
            <input type="button" id="botton" value="Ok">            
        </form>
        <div id="resultado"></div>
    </body>

** the age of the user. Then show in the result div. **

    
asked by anonymous 30.06.2016 / 16:36

1 answer

4

var esteAno = new Date().getFullYear();
$('#datepicker').datepicker({
  dateFormat: 'dd-mm-yy',
  onSelect: function(date) {
    var ano = date.split('-')[2]; // ano aqui
    var anos = esteAno - ano;
    $('#resultado').html('');
    var strAnos = 'anos';
    if(anos === 1) {
        strAnos = 'ano';
    }
    $('#resultado').html($('#name').val() +' você tem ' +anos+ ' ' +strAnos);
  }
});
<link href="https://code.jquery.com/ui/1.11.4/themes/pepper-grinder/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><scriptsrc="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>


<form id="formu">
        Nome:
        <input type="text" id="name"><br>
        Data de nascimento:          
        <input type="text" id="datepicker" name="data"/><br>
        <input type="button" id="botton" value="Ok">            
    </form>
<div id="resultado"></div>
    
30.06.2016 / 16:44