JSFiddle - React, Tailwind, and code Playground

by chiragvidani

HTML

Start date: <input type="text" id="txtStartDate"> &nbsp;
End date: <input type="text" id="txtEndDate"> 

<input id="btnValidateDate" type="button" value="Validate Dates" />

JavaScript

$(function(){
    $( "#txtStartDate" ).datepicker();
    $( "#txtEndDate" ).datepicker();
    
    $('#btnValidateDate').click(function(){
        var startDate = $( "#txtStartDate" ).datepicker( "getDate" );
        var endDate =  $( "#txtEndDate" ).datepicker( "getDate" );
        if(startDate > endDate)
            alert('Invalid date! End date should be greater than start date.');
        else
            alert('Valid date');
            
    });

});