DHTMLXCalendar学习笔记

最新推荐文章于 2024-02-23 12:05:19 发布

anhuiqm3

最新推荐文章于 2024-02-23 12:05:19 发布

阅读量2.1k

点赞数

分类专栏： DHTMLX 文章标签： stylesheet calendar 日历 function input 编程

本文链接：https://blog.csdn.net/anhuiqm3/article/details/6589835

版权

DHTMLX 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<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)，则允许日历可被拖拉。如果开发者打算一次设置上述多个选项，可将相关指令以逗号分隔写在一起（作为建构式的第三个参数）。

anhuiqm3

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DHTMLXCalendar学习笔记

window.dhx_globalImgPath="calendar/imgs/"; var cal1; window.onload = function() { cal1 = new dhtmlxCalendarObject('
复制链接

扫一扫