JS日期时间控件
老师js时间时间控件
特点:
1、选择的时间格式可以自定义,只需要给选取时间的格式,如:[yy]-[mon]-[dd],[hh]-[min]-[ss],[mon]/[dd]/[yy]
2、可以选择日期时间的任何一部分,比如可以只选择月日部分,只需要在格式里定义对应部分就可以选择。
3、精确定位到指定标签控制位置,精确定位到鼠标点击位置等,可以随意拖动。
4、IE下不被下拉列表框覆盖,不被flash覆盖,同一个窗口内选择,自动调整显示位置。
5、兼容IE、FireFox,应该还兼容oprea等现未测。
6、自动获取文本框做为初始值,通过修改外部css连接文件定制外观。
使用方法:
在需要调用控制的页面head部分加入:
<link href=”[path]Calendar.css” mce_href=”[path]Calendar.css” rel=”stylesheet” type=”text/css” />
<script language=”javascript” type=”text/javascript” src=”[path]Calendar.js” mce_src=”[path]Calendar.js”></script>
在需要调用的控件加onclick事件如下代码:
<input type=”text” name=”updatedate” id=’dd’ onclick=”c.getCalendar(‘[yy]/[mon]/[dd] [hh]:[min]‘,this.value,this,event);” />
如果设置其它表单控件的时间用以下代码:
<input type=”text” name=”updatedate” id=’dd’ onclick=”c.getCalendar(‘[yy]/[mon]/[dd] [hh]:[min]‘,this.value,this,event);” />
<a href=”javascript:void(0)” mce_href=”javascript:void(0)” onclick=”c.getCalendar(‘[yy]/[mon]/[dd] [hh]:[min]‘,document.getElementById(”).value,document.getElementById(‘dd’),event);”>asdfasdf</a>
演示地址:my_ex/calendar/calendar.htm
下载地址:
下载文件