JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<select id="Bday">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option selected="selected" value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=28>28</option>
    <option value=29>29</option>
    <option value=30>30</option>
    <option value=31>31</option>
</select>
<select id="Bmonth">
    <option value=1>1</option>
    <option value=2>2</option>
    <option selected="selected" value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
</select>
<select id="Byear">
    <option value=2000>2000</option>
    <option value=2001>2001</option>
    <option value=2002>2002</option>
    <option  value=2003>2003</option>
    <option value=2004>2004</option>
    <option value=2005>2005</option>
    <option value=2006>2006</option>
    <option value=2007>2007</option>
    <option selected="selected" value=2008>2008</option>
    <option value=2009>2009</option>
    <option value=2010>2010</option>
    <option value=2011>2011</option>
    <option value=2012>2012</option>
    <option value=2013>2013</option>
    <option value=2014>2014</option>
</select>

JavaScript

var day=  $('#Bday').val();
var month=$('#Bmonth').val();
var year= $('#Byear').val();
var currentDate=new Date();
var parsedTodaysDate=Date.parse(currentDate);

var selectedDOB = day+'/'+ month+'/' + year;
var jsDate=Date.parse(selectedDOB);
if(jsDate>parsedTodaysDate){
    alert('greater');
}
if (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)) {
               alert('leap year');
}