当前位置:酷酷问答>百科问答>My97DatePicker日期插件的常用功能说明

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

2024-08-13 10:07:41 编辑:zane 浏览量:568

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

的有关信息介绍如下:

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

My97DatePicker是一款优秀的日期插件,它可以很方便地实现各种日期选择效果,博得广大IT开发人员的青睐。

下面来讲讲它的常用功能及设置方法。

先来最简单的配置方法:

(1)下载WdatePicker.js(包括lang和skin文件夹)。

(2)在html页面中导入WdatePicker.js。

(3)在输入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代码。

(4)打开页面查看效果。

上面的代码截图:

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

显示年: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()

设置显示周:

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/answer/3633.html
热门文章