JSFiddle - React, Tailwind, and code Playground

by nayish

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js "></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<div id="Date3"></div>
<div id="output_save_add"></div>

JavaScript

var startDate = null;
var endDate = null;
$(document).ready(function() {
  $('#Date3').datepicker({
	onSelect: function(dateText) {
        date = new Date(dateText);
      endDate = new Date(1900 + date.getYear(), date.getMonth(), date.getDate(), 0, 0 ,0);
      startDate = new Date();

      if (endDate < startDate) {
        //alert("End Date is less than Start Date");
        $("#output_save_add").html('<div style="margin:5px" class="alert alert-danger"><br>Please select future Date</div>');

        setTimeout(function() {
          $("#output_save_add").html('')
        }, 1500);
      }
    }
	})
})