首页 > Javascript > JS日期时间控件

JS日期时间控件

2008年2月29日 小 恒 发表评论 阅读评论

转载:http://blog.kuomart.com/

老师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

下载地址:

下载文件

点击这里下载文件

分类: Javascript 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.