jQuery UI: Date Picker

Date Picker

by mandarin6b0

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/mint-choc/jquery-ui.css">
<input id="birthdate" type="text">
<input id="joiningdate" type="text">
<input id="leavingdate" type="text">
<div id="errormsg" style="display: none;">Invalid date</div>

JavaScript

$(function () {
    var validateData = function () {
        var bday = $('#birthdate').val();
        var jday = $('#joiningdate').val();
        var lday = $('#leavingdate').val();

        if (bday && jday && bday > jday) {return}
        if (bday && lday && bday > lday) {return}
        if (jday && lday && jday > lday) {return}

        return true;
    };

    $("#birthdate, #joiningdate, #leavingdate").datepicker({
        textboxImageOnly: true,
        textboxImage: 'images/calendar.png',
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy / mm / dd",
        yearRange: "-40:+0",
        maxDate: new Date(),
        onClose: function () {
            validateData() ? $('#errormsg').hide() : $('#errormsg').show();
        }
    });
});