js插件---日期控件My97DataPicker的使用

1. 注意事项

(1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名;

(2)各目录及文件的用途:

        WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名

        config.js 语言和皮肤配置文件,无需引入(4.8以后合并入WdatePicker.js)

        calendar.js 日期库主文件,无需引入

        目录lang 存放语言文件,你可以根据需要清理或添加语言文件

        目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包

(3)当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

二、日期控件My97DataPicker

js插件---日期控件My97DataPicker的使用

My97DataPicker的下载地址:http://www.my97.net/dp/down.asp。下载完成之后,将My97DataPicker文件夹import到WebAPP下。或者直接将My97DataPicker文件夹复制到WebAPP下。

二、在jsp中使用My97DataPicke

js插件---日期控件My97DataPicker的使用

My97是基于jQuery使用的,所以在使用中必须要引入jQuery包。

js插件---日期控件My97DataPicker的使用

在jsp中使用:

js插件---日期控件My97DataPicker的使用

三、在js文件中处理时间

js插件---日期控件My97DataPicker的使用

四、访问结果如下,得到的数值是string类型的。关于My97DataPicker的详细使用,请参考官方文档:http://www.my97.net/dp/demo/index.htm

js插件---日期控件My97DataPicker的使用     js插件---日期控件My97DataPicker的使用

五、下面详细讲解它的各种常用功能。
显示年:dateFmt:'yyyy'
显示年月:dateFmt:'yyyyMM'
显示年月日:dateFmt:'yyyyMMdd'
显示年月日时分秒:dateFmt:'yyyyMMdd HH:mm:ss'
格式化:年月日时分秒:dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'
设置只读:readOnly:true
隐藏清空按钮:isShowClear:false
设置今天为最小日期:minDate:new Date()
设置今天为最大日期:maxDate:new Date()
设置明天为最小日期:minDate:'%y-%M-{%d+1}'
只能选择本月第一天到最后一天:minDate:'%y-%M-01',maxDate:'%y-%M-%ld'
开始日期不能大于结束日期,且都不能大于今天:
开始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'
结束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()