多语言展示
当前在线:1132今日阅读:75今日分享:44

My97DatePicker日期插件的常用功能说明

My97DatePicker是一款优秀的日期插件,它可以很方便地实现各种日期选择效果,博得广大IT开发人员的青睐。下面来讲讲它的常用功能及设置方法。
方法/步骤
1

先来最简单的配置方法:(1)下载WdatePicker.js(包括lang和skin文件夹)。(2)在html页面中导入WdatePicker.js。(3)在输入框input元素上加入class='Wdate' onFocus='WdatePicker({lang:'zh-cn'})'代码。(4)打开页面查看效果。

2

上面的代码截图:

3

下面详细讲解它的各种常用功能。

4

显示年:dateFmt:'yyyy'

5

显示年月:dateFmt:'yyyyMM'

6

显示年月日:dateFmt:'yyyyMMdd'

7

显示年月日时分秒:dateFmt:'yyyyMMdd HH:mm:ss'

8

格式化:年月日时分秒:dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'

9

设置只读:readOnly:true

10

隐藏清空按钮:isShowClear:false

11

设置今天为最小日期:minDate:new Date()

12

设置今天为最大日期:maxDate:new Date()

13

设置明天为最小日期:minDate:'%y-%M-{%d+1}'

14

只能选择本月第一天到最后一天:minDate:'%y-%M-01',maxDate:'%y-%M-%ld'

15

开始日期不能大于结束日期,且都不能大于今天:开始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'结束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()

推荐信息