Disable days jQuery UI Datepicker

Question

I want to be able to disable some bank holidays which take place every year for example Christmas but I also want to be able to disable days which only happen one year

This is my code I have already

  var unavailableDates = ["25-12", "26-12", "1-1"];

    function unavailable(date) {
        dmy = date.getDate() + "-" + (date.getMonth() + 1);
        if ($.inArray(dmy, unavailableDates) == -1) {
            return [true, ""];
        } else {
            return [false, "", "Unavailable"];
        }
    }


    function noWeekendsOrHolidays(date) {
        var noWeekend = jQuery.datepicker.noWeekends(date);
        return noWeekend[0] ? unavailable(date) : noWeekend;
    }

Any body know how to do this?

score 1 · Accepted Answer · answered May 09 '14 at 11:00

1

Call like this :

$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays})

answered May 09 '14 at 11:00

sdespont

13,915
9
56
97

score 0 · Answer 2 · edited May 23 '17 at 12:13

http://api.jqueryui.com/datepicker/#option-beforeShowDay the api of jQuery UI Datepicker

beforeShowDay    Type: Function( Date date )

Default: null
A function that takes a date as a parameter and must return an array with:
[0]: true/false indicating whether or not this date is selectable
[1]: a CSS class name to add to the date's cell or "" for the default presentation
[2]: an optional popup tooltip for this date
The function is called for each day in the datepicker before it is displayed.

JQuery DatePicker and beforeShowDay

and this may help

Disable days jQuery UI Datepicker

2 Answers2