## 前言
### 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