特别提醒:2.1版本是一次重要的更新,推荐原2.0用户升级,2.1版本是完全兼容2.0的,所以升级方法很简单,只要用2.1的文件覆盖原2.0对于文件即可,在调用的地方不需要做任何修改
功能介绍和使用说明
/*****************************************************
* 2.1版更新说明
* 日期范围限制,可以在选择框指定MINDATE和MAXDATE属性来限制日期范围
* 增强的自动纠错功能,纠错处理可设置为3种模式 1.提示(默认) 2.自动纠错 3.标记
* ---------------------------------------------------
* 修正非WINDOWS主机下,路径错误的问题
* 修正子框架刷新后浏览器报错为不能执行已释放的Script代码的问题
* ---------------------------------------------------
* 2.0版更新说明
* 支持两种调用方式
* 支持自定义皮肤和动态切换皮肤(感谢why提供whyGreen皮肤)*
* 跨越框架显示选择框
* 自动提示日期错误
* 年份,月份设置为选择模式
* 支持日期和时间的编辑,编辑时自动跳转到对应月份和时间
* 根据网页大小自动选择显示位置
* 支持时间选择
* 自定义日期时间格式
* 支持多国语言设置
* 支持周末加亮设置
* 完美支持FireFox,在FF中的效果跟IE一模一样
* ---------------------------------------------------
* 联系My97:
* 如果您在使用过程中遇到问题,或者有更好的建议
* 欢迎您访问
* BLOG: http://blog.csdn.net/my97/
* MAIL: smallcarrot@163.com
****************************************************/
回应要求加入清空按钮的朋友:
清空按钮没有加入的有以下两个个原因,希望能得到你的谅解:
1 当某个日期值是必填字段的时候,在设计的时候会把日期框改为只读,只能让用户选择日期,加了清空按钮反而不好
2 当某个日期值是非必填字段的时候,在设计时日期框是支持用户输入的,用户将日期框的值删除也达到了清空的目的而且操作也不繁琐.
2.1新特性(详情请点下面的演示地址)
基本使用:
1. 在使用该日期控件的文件中加入JS库, 代码如下 <script language= "javascript " type= "text/javascript " src= "datepicker/WdatePicker.js "> </script>
2. 在使用该日期控件的文件加载css样式 <link href= "datepicker/default/datePicker.css " rel= "stylesheet " type= "text/css " />
3. 在input标签里面加上(.net上是CssClass) class= "Wdate "
注意:这个是对日期框的样式定义,如果你自己已经对日期框的样式定义了,此步可以不做
4.加上主调函数 onfocus= "new WdatePicker( 'el ', 'dateFmt ', 'showsTime ', 'skin ') "
相信大家已经知道这么用了,如果还不明白请Q我:9589876
.Net中使用的注意事项
由于.Net中默认适用的是utf编码的所以会因为编码问题而不能使用,在引用的时候稍微有点变化
<script language= "javascript " type= "text/javascript " src= "datepicker/WdatePicker.js "> </script>
<link href= "datepicker/default/datePicker.css " rel= "stylesheet " type= "text/css " />
改为:
<script language= "javascript " type= "text/javascript " src= "datepicker/WdatePicker.js " charset= "gb2312 "> </script>
<link href= "datepicker/default/datePicker.css " rel= "stylesheet " type= "text/css " charset= "gb2312 "/>
繁體版用戶注意事項:
可能你們的機器上沒有安裝簡體中文,那么你需要把charset= "gb2312 "改為charset= "GBK ",另外:你需要修改默認設置里面的語言設置,把對應的簡體中文改成繁體中文
本控件终身免费!
详情见BLOG:http://blog.csdn.net/my97/
演示地址:http://www.waytop.net/my97/datepicker/2.1/demo2.1
下载地址:http://www.waytop.net/my97/datepicker/My97DatePicker2.1.rar
注意:空间不是很稳定,如果下载地址和演示地址进不去,请到BLOG下载,我会及时更新可用的下载地址的
------解决方案--------------------------------------------------------
多谢楼主！
------解决方案--------------------------------------------------------
不错,支持
------解决方案--------------------------------------------------------
支持
------解决方案--------------------------------------------------------