截止日期应大于jquery中的截止日期

Question

If I select the start date, it should display the end date greater than the start date by default. In my code if I select the start date, End date is set same as start date. Here is my code. Thanks in advance.

  $("#StartDate").datepicker({
    dateFormat: 'dd/mm/yy',
    minDate: 0,
    numberOfMonths: 1,
    onSelect: function(selected) {
      $("#EndDate").datepicker("option", "minDate", selected)
    }
  });

  $("#EndDate").datepicker({
    dateFormat: 'dd/mm/yy',
    numberOfMonths: 1,
    onSelect: function(selected) {
      $("#StartDate").datepicker("option", "maxDate", selected)
    }
  });
});

Expected Result : If I select the start date, it should display the end date greater than the start date by default.

Actual Result : If I select the start date, End date is set same as start date.

Answer 1

Here is the solution.try it out IF to date is empty it will set to next date IF from date > to date to date will be the same as from date

 $('#StartDate').datepicker({ autoclose: true, }).on('changeDate', function (e) { var to =new Date($("#EndDate").find("input").val()); var from = e.date; if (from == "" || from == null) { $('#EndDate').datepicker('setStartDate', from) } else if ($("#EndDate").find("input").val() == "") { var nextdate = new Date(from); var tomorrow = new Date(); tomorrow.setDate(nextdate.getDate() + 1); $('#EndDate').datepicker('setDate', tomorrow) } else if (from < to) { } else if (!from < to) { $('#EndDate').datepicker('setDate', e.date) } }); $('#EndDate').datepicker({ autoclose: true, }).on('changeDate', function (e) { var from = new Date($("#StartDate").find("input").val()); var to = e.date; if (to < from) { $('#StartDate').datepicker('setDate', e.date) } }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

try it out and getback to me .Thank you