DHTMLX Docs & Samples Explorer

Index
dhtmlxcalendar
API Methods

# Single calendar

            var calendar = new dhtmlxCalendarObject(parent,auto_draw)

where

- parent - id of HTML element which will be used as parent ( or object itself )
- auto_draw - {boolean} if set as true - calendar will be drawn after initialization ( in other case cal.draw() command will be necessary )

          <div id='my_calendar_here' style="width:500px; height:150px;"></div>
          <script>
          //common init code
          var calendar = new dhtmlxCalendarObject("my_calendar_here");
          </script>

Starting from 2.5 version, folders can be initialized by object notation

          var calendar = new dhtmlxCalendarObject({
              some_option1:some_value_1,
              some_option2:some_value_2,
              ...
              some_optionN:some_value_N,
          })

List of supported options

    	calendar = new dhtmlxCalendarObject({
    		parent:"my_calendar_here",
                    draw:true,
    		onClick:function(){
    			alert("I'm clicked");
    		}
    	});

# Double calendar

            var calendar = new dhtmlxDblCalendarObject(parent,auto_draw)

where

- parent - id of HTML element which will be used as parent ( or object itself )
- auto_draw - {boolean} if set as true - calendar will be drawn after initialization ( in other case cal.draw() command will be necessary )

          <div id='my_calendar_here' style="width:500px; height:150px;"></div>
          <script>
          //common init code
          var calendar = new dhtmlxDblCalendarObject("my_calendar_here");
          </script>

Starting from 2.5 version, folders can be initialized by object notation

          var calendar = new dhtmlxDblCalendarObject({
              some_option1:some_value_1,
              some_option2:some_value_2,
              ...
              some_optionN:some_value_N,
          })

List of supported options

    	calendar = new dhtmlxDblCalendarObject({
    		parent:"my_calendar_here",
                    draw:true,
    		onClick:function(){
    			alert("I'm clicked");
    		}
    	});