I want to only allow users to select Fridays. Basically they are choosing the start date for a schedule, and the schedules always must start on a Friday.

I am not really concerned with whether the other days are displayed or not as long as if they are displayed, then they are disabled.

I want to only allow users to select Fridays. Basically they are choosing the start date for a schedule, and the schedules always must start on a Friday.

I am not really concerned with whether the other days are displayed or not as long as if they are displayed, then they are disabled.

• javascript
• jquery
• jquery-ui

Share Improve this question Follow asked Jun 30, 2010 at 16:29 JD IsaacksJD Isaacks 58k9696 gold badges279279 silver badges431431 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

You can use the beforeShowDate option, like this:

​$("#datepicker").datepicker({
    beforeShowDay: function(date) {
        return [date.getDay() == 5];
    }
})​​​​​;​

You can try a demo here, we're just checking if the .getDay() on the date it's trying to show is 5 (Friday), and if so true is the first element in the array, false otherwise, which disables the date in the picker.