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>
        <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxcalendar_dhx_terrace.css"></link>
        <script src="../../codebase/dhtmlxcalendar.js"></script>
        <style>
        </style>
        <script>var myCalendar;
    function doOnLoad() {
        myCalendar = new dhtmlXCalendarObject("calendarHere");
        myCalendar.setDate("2012-05-17");
        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>