<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 mCal;
function attach(obj) {
    var dhxCalendarData = {
        parent: obj,
        isAutoDraw: false;
    };
    mCal = new dhtmlxCalendarObject(dhxCalendarData);
}
function create() {
    obj = document.getElementById('test');
    obj.innerHTML = '<input type="text" id="calInput" style="width: 200px; font-size:12px;" readonly="true" visible="false">';
    attach('calInput');
}</script>
<div id="test"></div>
<button onclick="create()">New Calendar</button>