基于angular.js的可定義多種日期格式選擇器插件。支持選擇年月日、選擇年月、選擇年月日 時(shí)分、選擇年月日 時(shí)分秒、選擇'至今'等功能。
- 起步
- 1. 在你的項(xiàng)目引入wui.css或wui.min.css,以及font圖標(biāo)文件（與wui.css文件同級(jí)）
- <link rel="stylesheet" type="text/css" href="css/wui.min.css">
- 2. 在你的項(xiàng)目引入wui-date.js或wui-date.min.js,依賴angular.js
- <script type="text/javascript" src="js/angular.js" charset="utf-8"></script>
- <script type="text/javascript" src="js/wui-date.js" charset="utf-8"></script>
- 3. 在你的項(xiàng)目引入wuiDate依賴
- var app = angular.module('app',["wui.date"]);
- 4. 在頁(yè)面使用wui-date組件
- <wui-date
- format="yyyy-mm-dd hh:mm:ss"
- placeholder="請(qǐng)選擇或輸入日期"
- id="date4"
- btns="{'ok':'確定','now':'此刻'}"
- ng-model="date4"
- >
- </wui-date>
-
- 屬性
- id：時(shí)間插件主鍵 , 默認(rèn)：scope.$id, 示例：id="date"
- name：input的name屬性, 默認(rèn)：空, 示例：name="date"
- format：定義時(shí)間格式, 默認(rèn)：yyyy-mm-dd, 示例：format="yyyy-mm-dd hh:mm:ss"
- ng-model：$scope綁定的初始化以及選擇后時(shí)間的屬性, 默認(rèn)：不能為空, 示例：ng-model="date"
- btns：定義底部按鈕信息, 默認(rèn)：空則隱藏所有按鈕, 示例：btns="{'ok':'確定','now':'此刻','hitherto':true}"
- (ok表示確定按鈕 now表示選擇當(dāng)前系統(tǒng)時(shí)間按鈕 hitherto:true表示顯示選擇'至今'按鈕)
- interval：定義time選擇器時(shí)間間隔, 默認(rèn)：30minutes, 示例：interval="20"
- position：選擇框浮動(dòng)位置, 默認(rèn)：left, 示例：position="right"
- placeholder：選擇框提示語(yǔ) , 默認(rèn)：選擇時(shí)間, 示例：placeholder="請(qǐng)選擇或輸入日期"
- width：輸入框?qū)挾?支持px及百分比 , 默認(rèn)：220px, 示例：width="220"或width="220px"或width="50%"
- size：選擇插件內(nèi)置大小 , 默認(rèn)：小型, 示例：size="large"或size="L"
- dateClass：自定義插件class , 默認(rèn)：無(wú), 示例：dateClass="myDate"(css文件需添加.myDate {color: red;})
|
收藏
點(diǎn)贊
反對(duì)
