## 前言
### 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:特殊时间,数组格式,正则匹配,高亮的样式
- 前端入门
- 前端入职须知
- 前端自我定位
- pc与手机页面差别
- 前端书单
- 前端种子计划
- 前端技术栈
- ps
- ps入门阶段
- html
- html入门
- html代码规范
- meta
- table
- iframe
- a标签详解
- image
- html代码审查工具
- h5专题
- h5入门
- h5新增属性
- canvas画布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入门必学
- css代码规范
- 项目字体规范
- css基本位置布局
- css常见样式命名规则
- css代码优化建议
- css常用样式名
- css选择器攻略
- css盒子模型的理解
- css属性继承与默认值
- css代码审查工具
- css中常见的知识盲区
- css3新特性浅谈
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技术
- 文本两端对齐
- css之浮动解决方案
- css优化建议
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固宽&变宽布局
- 宽高固定比例的盒模型
- 样式预处理语言
- less教程
- sass教程
- postcss教程
- js
- javascript入门
- js代码规范
- js基础拓展
- js代码审查工具
- js性能优化
- js基本语句
- 基本运算
- 基本语句语法
- js对象
- es6入门
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入门
- jq核心思想
- jq基本语法
- jq插件库汇总
- js常用技术
- break&continue区别
- js对日期转换
- js控制运动-move.js
- 原生js-cookie语法
- ajax请求后回调
- 表单数据序列化
- zepto
- zepto入门
- 百度touchjs
- js编程
- 插件库
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互组件
- layerjs
- java
- java入门
- java基本语句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入门
- git教程
- git入门
- git分支
- git-tag管理
- git注意事项
- git-torise入门
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容适配文档
- pc端兼容bug汇总
- ie兼容bug汇总
- 手机兼容bug汇总
- web安全
- jeecms
- web存储
- app/h5组件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域问题
- markdown教程
- 常用工具
- postman-api调试
- web常识
- 浏览器ua统计
- ui框架
- easyui
- bootstrap
- 入门推荐
- weui
- sui-pc
- sui-mobile
- layerUi