<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.show();
    myCalendar.setDate("2011-07-12");
    setDays();
}
function setDays() {
    myCalendar.setInsensitiveDays(["2011-07-10,2011-07-11", new Date(2011, 6, 17), "2011-07-18"]);
}
function clearDays() {
    myCalendar.clearInsensitiveDays();
}</script>
 
 
    <div style="margin-bottom: 20px;">
        <input type="button" value="set days" onclick="setDays();">
        <input type="button" value="clear days" onclick="clearDays();">
    </div>
    <div id="calendarHere" style="position:relative;height:250px;"></div>