JSFiddle - React, Tailwind, and code Playground

by hulya

HTML

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<input id="kid" />
<div class="checked" id="age"></div>

JavaScript

$('#kid').datepicker({
    onSelect: function(value, ui) {
        var today = new Date().getTime(), 
            dob = new Date(value).getTime();
            age = today - dob;
            yoa = Math.floor(age / 1000 / 60 / 60 / 24 / 365.25); // age / ms / sec / min / hour / days in a year
        if(yoa < 10){
            under10();
        }else{
            overOrEqual18();
        }
    },
    maxDate: '-10yr',
    changeMonth: true,
    changeYear: true,
    defaultDate: '-10yr',
});