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

My97DataPicker的下载地址:https://download.csdn.net/download/zuihongyan518/10841043。下载完成之后,将My97DataPicker文件夹import到WebAPP下。或者直接将My97DataPicker文件夹复制到WebAPP下。

二、在jsp中使用My97DataPicke

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

在jsp中使用:

三、在js文件中处理时间

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

     

五、下面详细讲解它的各种常用功能。
显示年: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()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值