Double Calendar

This sample demonstrates initialization of the double calendar object

Source

<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxcalendar.css">
<script>window.dhx_globalImgPath = "../../codebase/imgs/";</script>
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxcalendar.js"></script>
<script>var mDCal;
window.onload = function() {
    dhtmlx.skin = "";
    mDCal = new dhtmlxDblCalendarObject('dhtmlxDblCalendar', false, {
        isMonthEditable: true,
        isYearEditable: true
    });
    mDCal.setYearsRange(1980, 2020);
    mDCal.setDateFormat("%d/%m/%Y");
    mDCal.setDate("06/01/2008", "15/01/2008");
    mDCal.draw();
    dhtmlx.skin = "dhx_skyblue";
}</script>
 
 
  <table>
  <tr>
<td colspan="2"><div id="dhtmlxDblCalendar"></div></td>
  </tr>
</table>
<br>