🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 前言 ### wdate 的控件使用说明: 页面引入 wdatepicker.js,项目js目录引入wdate的完整文件夹。 使用示例 1: <input onfocus=" WdatePicker({dateFmt:'yyyy-MM-dd'}); " readonly="readonly" id="stDate" name="stDate"> ### 参数说明 : WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' }) 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致,如果时间控件有值,则显示当前值,如果没值,那么默认显示今天。 skin:演示文件中自带两种皮肤,一种为default,一种为whyGreen ,默认为default 可不写。可以二次开发该样式,用于匹配系统的风格 dateFmt :控制输入的时间格式,同时保证时间为只读类型,只能通过控件选择时间。时间的格式与js格式一致, 年月类型 yyyy-MM 年月日类型 yyyy-MM-dd,包括年月日时间的 yyyy-MM-dd HH:mm:ss,时间 HH:mm:ss 等,按需要配置。 时间动态限制 : 格式 说明 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m 当前分 %s 当前秒 #{} 运算表达式,如:#{%d+1}:表示明天 minDate:时间格式与标准格式一致,可选择的最小时间 ,可以为具体时间,如2016-9-30,也可以为默认今天时间,如%y-%M-%d,默认今天后一天%y-%M-#{%d+1},$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,例如特定时间减去3月2天#F{$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}'},也可以控制最小日期为另一个时间控件的时间值,例如#F{$dp.$D(\'startDate\')},startDate就是另一个时间控件的id值,通过这一设置可以实现开始和结束时间的互相控制, maxDate:时间控件可选的最大时间,格式语法与最小时间相同。 disabledDays:不可选的时间,可以用来控制周一到周日,数组下标[0-6] 实现 disabledDates:不可选的日期,可以控制某些具体日期,也是数组形式控制,['2016-2-21',...],也可以去掉某些范围内的 需要熟悉正则表达式, 例如['2008-02-01','2008-02-29'] 表示禁用 2008-02-01 和 2008-02-29 ['2008-..-01','2008-02-29'] 表示禁用 2008-所有月份-01 和 2008-02-29 ['200[0-8]]-02-01','2008-02-29'] 表示禁用 [2000至2008]-02-01 和 2008-02-29 ['^2006'] 表示禁用 2006年的所有日期 此外,您还可以使用 %y %M %d %H %m %s 等变量, 用法同动态日期限制 注意:%ld不能使用 ['....-..-01','%y-%M-%d'] 表示禁用 所有年份和所有月份的第一天和今天 ['%y-%M-#{%d-1}','%y-%M-#{%d+1}'] 表示禁用 昨天和明天 当然,除了可以限制日期以外,您还可以限制时间 ['....-..-.. 10\:00\:00'] 表示禁用 每天10点 (注意 : 需要 使用 \: ) opposite :默认为false, 为true时,无效天和无效日期变成有效天和有效日期,用来设置有效无效日期的相反情况 specialDates:特殊时间,数组格式,正则匹配,高亮的样式