<link rel="stylesheet" type="text/css" href="../../codebase/dhtmlxcalendar.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_omega.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_web.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_terrace.css">
    <script src="../../codebase/dhtmlxcalendar.js"></script>
    <style>
    </style>
    <script>
var myCalendar;
function doOnLoad() {
    myCalendar = new dhtmlXCalendarObject("calendarHere");
    myCalendar.setDate(new Date(2012, 4, 17, 16, 0));
    myCalendar.show();
    myCalendar.setHolidays(["2012-04-28", "2012-05-09", "2012-05-01", "2012-05-27", "2012-05-21", "2012-05-28", "2012-06-03", "2012-06-04"]);
    myCalendar.setInsensitiveRange(null, "2012-05-04");
    myCalendar._drawMonth(new Date(2012, 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');">
        <input type="button" value="dhx_terrace" onclick="myCalendar.setSkin('dhx_terrace');">
    </div>
    <div id="calendarHere" style="position:relative;height:250px;"></div>