Skip to main content


allows disabling some date intervals, day labels are dimmed

disabledDates?: (a: Date) => boolean;


const calendar = new dhx.Calendar("calendar_container", {
disabledDates: function(date) {
const disabled = {
0: true,
1: true,
2: false,
3: false,
4: false,
5: false,
6: true
return disabled[date.getDay()];

Related sample: Calendar. Marked and disabled dates

The function passed to the method receives one parameter:

  • date (Date) - a date object

and must return a boolean value to define whether a passed date should be blocked (if true, the date is inactive).

Change log:

added in v6.4