<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"/>
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxpopup_dhx_skyblue.css"/>
<link rel="stylesheet" type="text/css" href="../../../dhtmlxCalendar/codebase/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../../dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<script src="../../../dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>
<script src="../../codebase/dhtmlxpopup.js"></script>
<style>
#myToolbar {
margin: 10px;
}
</style>
<script>
var myToolbar;
var myPop;
var myGrid;
function doOnLoad() {
myToolbar = new dhtmlXToolbarObject("myToolbar", "dhx_skyblue");
myToolbar.setIconsPath("../common/imgs/");
myToolbar.loadXML("../common/toolbar.xml?etc=" + new Date().getTime(), function() {
myToolbar.setItemText("workbut", "Calendar");
myPop = new dhtmlXPopup({
toolbar: myToolbar,
id: "workbut"
});
myCalendar = myPop.attachCalendar();
myCalendar.hideTime();
myCalendar.attachEvent("onClick", function() {
myPop.hide();
});
});
}
</script>
<style>
</style>
<div id="myToolbar"></div>