DHTMLX Docs & Samples Explorer

Skins

  • May2011
  • Mo
  • Tu
  • We
  • Th
  • Fr
  • Sa
  • Su
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 1
  • 2
  • 3
  • 4
  • 5
  • 00:00
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>