JSFiddle - React, Tailwind, and code Playground

by Minko Gechev

HTML

<input type="text" id="day" />
<select id="month">
    <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 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="year">
    <option value="2012">2012</option>
    <option value="2013">2013</option>
    <option value="2014">2014</option>
</select>
<button id="getDate">Get</button>

CSS

input {
    width: 30px;
}

JavaScript

$('#getDate').click(function () {
    var day = $('#day').val(),
        month = $('#month').val(),
        year = $('#year').val(),
        date = new Date(month + '-' + day + '-' + year),
        now = new Date();
    console.log(year);
    if (date > now) {
        alert("The selected date is after now");
    } else {
        alert("The date is before now");
    }
});