jquerydatapicker

jQuery Datapicker limit from to


When the from-date is picked I want that there is just the possibility of 3-7 days for the to-date. so the from-to should be min 3 days and max 7 days. How can i do that?

 $(function() {
  $.datepicker.setDefaults({minDate: 0, changeMonth: true, numberOfMonths: 1});
  $('#datepicker').datepicker({onSelect: function(selectedDate) {
        $('#datepicker').datepicker('option', 'minDate', selectedDate);
        setTimeout(function() { $('#datepicker1').focus(); }, 0);
  }});
  $('#datepicker1').datepicker({onSelect: function(selectedDate) {
        $('#datepicker1').datepicker('option', 'maxDate', selectedDate);
  }});
});

Solution

  • You can do something simple like this:

    $('#datepicker').datepicker({onSelect: function(selectedDate) {
          var newToDateStart=new Date(selectedDate);//convert selectedDate to Date object
          newToDateStart.setDate(newToDateStart.getDate()+3) //todate start
          var newToDateEnd=new Date(selectedDate);
          newToDateEnd.setDate(newToDateEnd.getDate()+7);//todate end
          $('#datepicker1').datepicker('option', 'minDate', newToDateStart);
          $('#datepicker1').datepicker('option', 'maxDate', newToDateEnd);
          //set min and maxdate to datepicker1
          setTimeout(function() { $('#datepicker1').focus(); }, 0);
    }});
    

    DEMO HERE