DHTMLX Docs & Samples Explorer

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");	
		}
	});