1.0版主要功能:
1.自动纠正日期错误
2.可快速编辑年份,月份
3.编辑时自动跳转到对应月份
4.根据网页大小自动选择显示位置
5.可跨越框架显示选择框
6.支持自定义样式
7.速度快,功能强大,JS文件只有10K
下版预告:
增加对Firefox的支持
增加时间选择
增加自定义日期格式
演示地址:http://www.waytop.cn/my97/datepicker/demo.html
下载地址:http://www.waytop.cn/my97/datepicker/My97DatePicker1.0.rar
本控件无偿免费的提供大家交流使用,里面的JS没有经过任何加密,发布时间是2006-12-27,如果您觉得这个控件好的话,希望能帮忙在各大论坛转贴,万分感谢!
效果图预览:
1.特性:父框架跨越子框架 自动纠正日期错误 加亮显示今天
2. 特性:子框架向上跨越父框架 月份年份快速编辑 
使用说明:
基本使用:
1. 在使用该日期控件的文件的最后面加入JS库, 代码如下 <script src="WdatePicker.js"></script>
注意:要在文件的最后加入代码(就是</html>后面)
2. 在使用该日期控件的文件加载css样式 <link href="datePicker.css" rel="stylesheet" type="text/css" />
3. 在input标签里面加上 class="Wdate"
即:
普通的input代码 <input type="text" name="test"/>
日期控件的代码 <input type="text" name="test" class="Wdate" />
4. 相信大家已经知道这么用了,如果还不明白请Q我:9589876
高级应用:
1. 本包共包括3个文件
WdatePicker.js(JS函数库)
datePicker.css(样式文件,可通过修改此文件自定义皮肤)
images/datePicker.gif(图标文件)
2. WdatePicker.js 里面有2行设置代码(25-31行)
/* 设置 */
/* 星期标题 */
this.aWeekStr = ["日","一","二","三","四","五","六"];
/* css文件的路径 */
this.cssPath = "datePicker.css";
/* 输入错误日期时的提示信息 */
this.msgDateErr = "请输入一个正确的日期格式!";
3. 通过修改datePicker.css可以实现自定义皮肤,详见文件内注释.
* 联系My97:
* 如果您在使用过程中遇到问题,或者有更好的建议
* 欢迎您访问
* BLOG: http://blog.csdn.net/my97/
* MAIL: smallcarrot@163.com
|