DHTMLXCalendar学习笔记

来源：互联网发布：qq酷淘宝客编辑：程序博客网时间：2024/05/16 08:23

<link rel="stylesheet" type="text/css" href="calendar/dhtmlxcalendar.css"><script>window.dhx_globalImgPath="calendar/imgs/";</script><script src="calendar/dhtmlxcommon.js"></script><script src="calendar/dhtmlxcalendar.js"></script><script type="text/javascript">var cal1;window.onload = function() {    cal1 = new dhtmlxCalendarObject('calInput1', true, {        isWinHeader: true,        isWinDrag: true,        isYearEditable: true,        yearsRange: ([1900,2101])    });}</script>  </head>    <body>   <input type="text" id="calInput1" style="width: 200px; font-size:12px;" readonly="true">  </body>

一个默认皮肤的Calendar的代码实现，DHTMLXCalendar需要的资源目录如图，而且必须这样

另外DHTMLXCalendar还有很多其他可编程的功能，如在创建是第三个参数可以设置下面的一个或多个，如代码所示：

isYearEditable:true|false - 允许开发员直接用键盘输入年份；

yearsRange:([from,to]) - 提供年度范围的设定(数组[from,to])；

isMonthEditable:(true|false) - 允许开发员直接用键盘输入月份；

isWinHeader:(frue|false) - 将窗口标头显示成按钮 (关郓，最大化/最小化，设定目前日期) 和“日历标题”标签；

headerButtons: "XMT" - 使用哪些标头按钮：关闭(X)，最大化/最小化(M)，设置目前日期(T)；

isWinDrag:(frue|false) - 若设其为 true(而且isWinHeader 也设为 true)，则允许日历可被拖拉。如果开发者打算一次设置上述多个选项，可将相关指令以逗号分隔写在一起（作为建构式的第三个参数）。