一个非常好用的日期控件,功能非常优秀,绝对是你一直想要的日期控件.

演示地址: http://www.my97.net/dp/demo/

下载1: http://www.cnblogs.com/Files/my97/My97DatePicker.rar

下载2: http://my97.net/dp/down/My97DatePicker.rar

技术支持: http://www.my97.net/dp/support.asp

皮肤中心: http://www.my97.net/dp/skin.asp

更人性化,更全面的功能

大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.

强大的日期范围限制功能

支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定.

自定义事件和丰富的API库

如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求.

多语言支持和自定义皮肤支持

通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言,皮肤也是一样,只要配置skin属性即可.这样一个页面中可以显示多种语言,多种皮肤的日期控件,更棒的是,他们之间的切换是无刷新的.

跨无限级框架显示和自动选择显示位置

无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,My97日期控件是可以跨无限级框架显示的,并且当控件处在页面边界是,它会自动选择显示的位置.此外你还可以使用position参数对弹出位置做调整.

更新历史

My97 DatePicker 4.0 正式版 [2008-05-30]

[修正]被其他页面引入时,有跨域错误的问题

[修正]平面显示时,点击其他地方下拉框不会自动消失

[修正]平面模式在多框架情况下跳转时有时不显示的问题

[修正]在极少数的情况下,由于预载失败导致选择框不能弹出的问题

My97 DatePicker 4.0 Prerelease [2008-04-22]

[新增]vel属性,当日期格式为系统不能直接识别的格式时,存储真实值

[新增]opposite属性,让无效天和无效日期变成有效天和有效日期

[修改]每个页面可允许多个平面模式的日历存在,他们互不冲突,皮肤,语言也可以不同

[修改]日期控件在DomComplete后载入(原来是LoadComplete后),速度更快

[修正]平面模式偶尔在ie中不显示

[修正]微软的验证控件不兼容

[修正]最新FF3.0,Safari3.1中的年份翻页问题

My97 DatePicker 4.0 Beta4 [2008-04-02]

[新增]支持Safari 3.0+, Opera 9.5(beta Build 9656)+

[修改]如果没有定义onpicked事件,当文本框值改变时,自动触发文本框的onchange事件

[修改]如果没有定义oncleared事件,清空非空的input时,自动触发文本框的onchange事件

[修正]当设置dateFmt:'HH:mm'时,快速选择第一项失效

[修正]多层框架嵌套情况下有多个横滚动条时,横坐标定位不准的错误

[修正]Asp.net Ajax中回刷后有时不能显示日期选择框

[修正]iframe中,多语言情况下的一处错误

My97 DatePicker 4.0 Beta3 [2008-03-24]

[新增]alwaysUseStartDate属性,增强startDate功能的灵活性

[新增]年份格式yyy和年份差量属性yearOffset,可实现民国年日历和其他特殊日历

[修正]不能执行已释放Script的代码

[修正]载入慢而导致的脚本错误

[修正]struts下,有时弹不出日期控件

[修正]在IE中,yyyyMMdd格式的一处错误

[修正]加载后页面低部会增加200个像素左右的高度

[修正]平面模式中跨月选择日期的一处错误

My97 DatePicker 4.0 Beta2 [2008-03-09]

[新增]startDate支持#F函数等动态参数

[新增]日期返回值可以返回给出input以外的其他控件,将支持<textarea>,,,[font]等作为显示控件

[修改]position的功能得到增强,可动态设置,并能自定义位置

[修改]el:this 可省略,下面的demo中的例子,el:this全部都已经省略了

[修改]日期框设置为disabled时禁止更改日期(不弹出选择框)

[修正]选择时期时,IE滚动条闪动

[修正]父页不导入WdatePicker.js情况下,子iframe中无法使用

[修正]当DOCTYPE为 HTML 4.0 Transitional 时,在IE中有时无法显示日期选择框

[修正]空值的文本框,安tab时自动填入当前日期

My97 DatePicker 4.0 Beta1 [2008-02-14]

全新构架,最低限度的冲突性(不用担心跟其他库冲突的问题了),最低限度的侵入性

对速度进行全面的优化,相对3.X来说,4.0的功能增加了,速度快了,文件尺寸小了

提供更多更全面的API支持外部调用,使控件在苛刻环境下通过写少量JS,也能适应需求

新增预载功能,解决首次载入慢的问题

新增无效天和无效日期功能

新增快速选择功能,可利用此功能设定5个快捷日期

支持更多的日期格式

新增3个自定义事件

增强日期范围增加对时间的限制

更好的多语言支持

增强配置功能,支持每个实例都可以配置几乎所有的参数

还有很多其他的更新,如:起始日期功能,年份输入框智能提示功能,周显示功能,只读开关,操作按钮自定义

My97 DatePicker 3.0.1 正式版 [2007-06-27]

[修正]与很多JS库(如prototype,JQuery,dwr等)的冲突问题

[修正]不能“后退”的问题

[修正]IE6中,今天和选中的日期没有以其它颜色显示的问题

[修正]日期选择器被动态增加的iframe覆盖的问题

My97 DatePicker 3.0 正式版 [2007-06-11]

[优化]速度和内存占用

[新增]realValue 的格式设置

[新增]年份月份导航,增加清空按钮

[新增]显示位置设置(上面 下面 自动(默认))

[新增]文件包路径设置(在wdatepicker.js文件里,默认为空,程序会自动计算路径)

[新增]自定义触发事件,可在日期框添加属性onpicked="function(){}"来自定义触发事件

[新增]多语言自动选择功能,系统会根据用户浏览器语言自动选择

[修改]增强日期范围限制

[修改]当日期格式设置为 %h:%m:%s 只有时间选择了

[修正]抖屏

[修正]在XHTML 1.0下不兼容的问题

[修正]2007-3-31 修改成2月份时变为2007-2-31的bug

[修正]frame中跳转时没销毁的bug

[修正]css路径,不必将文件包放根目录下了

My97 DatePicker 2.1 正式版 [2007-01-22]

[新增]日期范围限制,可以在选择框指定MINDATE和MAXDATE属性来限制日期范围

[修改]增强的自动纠错功能,纠错处理可设置为3种模式 1.提示(默认) 2.自动纠错 3.标记

My97 DatePicker 2.0 正式版 [2007-01-09]

支持两种调用方式

支持自定义皮肤和动态切换皮肤(感谢why提供whyGreen皮肤)

跨越框架显示选择框

自动提示日期错误

年份,月份设置为选择模式

支持日期和时间的编辑,编辑时自动跳转到对应月份和时间

根据网页大小自动选择显示位置

支持时间选择

自定义日期时间格式

支持多国语言设置

支持周末加亮设置

支持编码设置(如utf-8,gb2312,big5)

完美支持FireFox,在FF中的效果跟IE一模一样

修正不能通过小键盘输入日期

修正在IE6中没有盖住<SELECT>

My97 DatePicker 1.1 正式版 [2006-12-30]

[新增]完美支持FireFox,在FF中的效果跟IE一模一样

[修正]在FrameSet中不能显示的错误

[修正]频繁切换框架时,不能显示的错误

My97 DatePicker 1.0 正式版 [2006-12-27]

自动纠正日期错误

可快速编辑年份,月份

编辑时自动跳转到对应月份

根据网页大小自动选择显示位置

可跨越框架显示选择框

支持自定义样式

简单使用方法：

1，引入js文件

<script language="javascript" src="js/My97DatePicker/WdatePicker.js"></script>

2，js代码

<script language="javascript">

function createTime(){

WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'2010-10-01',maxDate:'2012-10-01'});

}

</script>

3，html代码

<input type="text" id="countTimestart" onFocus="createTime()" />

4，介绍

这是最基本的使用方法，如需要增加或减少内容，可通过改变WdatePicker();函数的参数实现