JSFiddle - React, Tailwind, and code Playground

by Ditch19

HTML

<script src="&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css&quot; /&gt;"></script>
<input type="text"  placeholder="date1" id="dateStart">
<input type="text" placeholder="date2" id="dateEnd">
<input type="text" id="days">

JavaScript

$(document).ready(function() {
  
$( "#dateStart,#dateEnd" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
dateFormat: 'dd/mm/yy',
})

$( "#dateStart" ).datepicker({ dateFormat: 'dd-mm-yy' });
$( "#dateEnd" ).datepicker({ dateFormat: 'dd-mm-yy' });

$('#dateEnd').change(function() {
    var start = $('#dateStart').datepicker('getDate');
    var end   = $('#dateEnd').datepicker('getDate');

if (start<end) {
    var days   = (end - start)/1000/60/60/24;
$('#days').val(days);
}
else {
  alert ("You cant come back before you have been!");
  $('#dateStart').val("");
  $('#dateEnd').val("");
    $('#days').val("");
}
}); //end change function
}); //end ready