很强的一款日期时间控件.下载包www.my97.com
1.两个日期的选择联动.(后一个日期值要大于或等于前一个日期值)
<input id="d5221" class="Wdate" type="text" onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')}'})"/>
至
<input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})"/>
注意:$dp.$D()是一个内置函数,相当于document.getElementById.
2.onpicking事件,弹出确认框,显得很正式.
<input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('日期框原来的值为: '+dp.cal.getDateStr()+', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?')) return true;}})" class="Wdate"/>
注意:你注意到dp.cal.getDateStr和dp.cal.getNewDateStr的用法
3.时间选择框
<input name="yieldDate" type="text" size="25" readonly>
<img onclick="WdatePicker({el:'yieldDate',dateFmt:'HH:mm:ss'})" src="../../components/datepicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
4.日期和时间选择框
<input name="yieldDate" type="text" size="25" readonly>
<img onclick="WdatePicker({el:'yieldDate',dateFmt:'yyyy:MM:dd HH:mm:ss'})" src="../../components/datepicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
5.选择时间小于某时
<img onclick="WdatePicker({el:'yieldDate',dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'enrolDate\')||\'%y-%M-%d\'}'})" src="../../components/datepicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
'%y-%M-%d'为当前日期.
6.选择日期范围
<img onclick="WdatePicker({el:'enrolDate',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',minDate:'#F{$dp.$D(\'yieldDate\')}'})" src="../../components/datepicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
分享到:
相关推荐
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...
My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker...
日期控件My97DatePicker的使用 日期控件My97DatePicker的使用
My97DatePicker使用 日期获取 用程序获取本日,本周,本月日期段。
My97DatePicker超实用的JS日期选择插件,不管是从外观功能上说,还是从易用性方面说,My97DatePicker都是全部占优的,也是比较有名的网页日期选择插件,支持多种调用方式,支持多种时间选择方式,甚至可以直接手动...
My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的...
My97DatePicker 日期控件的chm文档 API My97日期控件chm帮助文档
一款很不错的基于JavaScript的日期控件——My97DatePicker,这是官方早两天更新修正的最新版本 v4.7 ,去掉了原有包中一些无用文件。本JS日历使用者非常多,因为其功能比较多,它可以定义多种形式的调用方法:比如...
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的...
更人性化,更全面的功能 大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,...
日期插件My97DatePicker 日期插件My97DatePicker 日期插件My97DatePicker
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的...
My97日期控件 My97 DatePicker 4.1 正式版
My97DatePicker.rarMy97DatePicker.rar
大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.
My97DatePicker js日历控件
解压后,将这个文件夹放到项目某个目录下,然后引用即可。...<script type="text/javascript" src="../Script/My97DatePicker/WdatePicker.js"> (this,'%Y-%M-%D %h:%m',true,'default')"></asp:TextBox>
My97DatePicker4.0 是最新的js做的日历控件 效率比那些都好啊