Search jQuery

jQuery Forum

jQuery datepicker & disable dates

in Using jQuery • 9 years ago

3 weeks period booking example:

1st and 3rd week are available but the 2nd week is booked/not available.
I have the "booked/not available" days/week disabled (not selectable) on my calendar.

At this moment it is possible to select the "from" date somewhere in week 1 and the "to" date somewhere in week 3.

For a room reservation this is not possible because the second week there is no room.

Question: is it possible to disable ALL "to" dates after the booked/not available period?

Replies(3)

andrewgsw

Re: jQuery datepicker & disable dates

9 years ago

I'm not sure if the following will be helpful, and I haven't tested it, but a variation of this should disable to-dates that are less than 7 days after the from date:

$("#fromDate").datepicker({
...
onSelect: function(dateText, inst) {
// if dateText is actually text(?).. then,
var dateTo = new Date(dateText);
// otherwise use dateText instead of dateTo in..
var earliestDate = new Date(dateTo.getDate() + 7);
$('#toDate').datepicker('option', 'minDate', earliestDate);
}
});

I'm not sure (as noted in the code) if dateText is actually text or a Date object.

You can also set 'maxDate' in a similar way.

kbwood.au

Re: jQuery datepicker & disable dates

9 years ago

andrewgsw is on the right track - cross-populate the min/maxDate values when a date is selected. However you would need to calculate the appropriate start/end date yourself based on your list of blackout dates. The date supplied to onSelect is the text version.