DHTMLX Docs & Samples Explorer

Disabling in month mode

disable each 1st of month
disable each 2nd of month
disable each 1st, 2nd, 5th, 6th and 19th of month
disable each 3rd, 11th, 12th, 14th, 15th, 25th, 26th of month
clear disabled days
Source
<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxcalendar.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
    <script src="../../codebase/dhtmlxcalendar.js"></script>
    <script>
var myCalendar;
function doOnLoad() {
    myCalendar = new dhtmlXCalendarObject("calendarHere");
    myCalendar.hideTime();
    myCalendar.setDate("2013-03-01");
    myCalendar.show();
}
function enableDays() {
    myCalendar.enableDays("month");
}
function disableDays(d) {
    myCalendar.disableDays("month", d);
}
</script> <div style="margin-bottom: 20px;"> <table> <tr> <td><input type="button" value="apply" onclick="disableDays(1);"></td> <td>disable each 1st of month</td> </tr> <tr> <td><input type="button" value="apply" onclick="disableDays(2);"></td> <td>disable each 2nd of month</td> </tr> <tr> <td><input type="button" value="apply" onclick="disableDays([1,2,5,6,19]);"></td> <td>disable each 1st, 2nd, 5th, 6th and 19th of month</td> </tr> <tr> <td><input type="button" value="apply" onclick="disableDays([3,11,12,14,15,25,26]);"></td> <td>disable each 3rd, 11th, 12th, 14th, 15th, 25th, 26th of month</td> </tr> <tr> <td><input type="button" value="apply" onclick="enableDays();"></td> <td>clear disabled days</td> </tr> </table> </div> <div id="calendarHere" style="position:relative;height:250px;"></div>