日期:2014-05-20  浏览次数:20407 次

100分,免费分享My97日期控件(My97DatePicker)Ver2.1(新增日期范围限制,增强自动纠错功能,附详细演示和.NET例子),好东西一起顶上去大家分
特别提醒: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.html
下载地址:http://www.waytop.net/my97/datepicker/My97DatePicker2.1.rar

注意:空间不是很稳定,如果下载地址和演示地址进不去,请到BLOG下载,我会及时更新可用的下载地址的

------解决方案--------------------
多谢楼主!
------解决方案--------------------
不错,支持
------解决方案--------------------
支持
------解决方案--------------------