DHTMLX Docs & Samples Explorer

Skins

Source
<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxcalendar.css"></link>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_skyblue.css"></link>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_omega.css"></link>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_web.css"></link>
    <script src="../../codebase/dhtmlxcalendar.js"></script>
    <style>
    </style>
    <script>
var myCalendar;
function doOnLoad() {
    myCalendar = new dhtmlXCalendarObject("calendarHere");
    myCalendar.setSkin("dhx_skyblue");
    myCalendar.setDate("2011-05-17");
    myCalendar.show();
    //myCalendar.setHolidays(["2011-05-01","2011-05-09","2011-04-29","2011-04-30"]);
    myCalendar.setSensitive(["2011-05-27", "2011-05-21", "2011-05-28", "2011-06-03", "2011-06-04", "2011-05-20", "2011-05-13", "2011-05-14", "2011-04-29", "2011-04-30"]);
    myCalendar.setHolidays(["2011-04-28", "2011-05-09", "2011-05-01", "2011-05-27", "2011-05-21", "2011-05-28", "2011-06-03", "2011-06-04"]);
    myCalendar._drawMonth(new Date(2011, 4, 1));
}
</script> <div style="margin-bottom: 20px;"> <input type="button" value="dhx_skyblue" onclick="myCalendar.setSkin('dhx_skyblue');"> <input type="button" value="dhx_web" onclick="myCalendar.setSkin('dhx_web');"> <input type="button" value="omega" onclick="myCalendar.setSkin('omega');"> </div> <div id="calendarHere" style="position:relative;height:250px;"></div>