Date picker validation for start and end date

by nobuts

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">
<label for="from">From</label>
<input type="text" id="from" name="from" value="2020-02-14" readonly />
<label for="to">to</label>
<input type="text" id="to" name="to" />

JavaScript

$('#to').datepicker({
  beforeShow: function() {
    $(this).datepicker('option', 'minDate', $('#from').val());
    if ($('#from').val() === '') $(this).datepicker('option', 'minDate', +1);
  }
});