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

2025-05-24 03:19:35

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

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

2、上面的代码截图:

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

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

4、显示年:dateFmt:'yyyy'

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

5、显示年月:dateFmt:'yyyyMM'

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

6、显示年月日:dateFmt:'yyyyMMdd'

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

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

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

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

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

9、设置只读:readOnly:true

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

10、隐藏清空按钮:isShowClear:false

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

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

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

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

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

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

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

14、只能选择本月第一天到最后一天:minDate:'挢旗扦渌;%y-%M-01',maxDate:'%y-%M-%ld'

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

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

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

16、设置显示周:

My97DatePicker日期插件的常用功能说明
My97DatePicker日期插件的常用功能说明
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢