ClockPicker.js是一款時鐘插件,其實還可以改進，裡面的分可以改成短橫線。 線上實例 實例預覽 jQuery ClockPicker 圓形時鐘 使用方法 複製 參數詳解 ClockPicker調用方法 下載 ...
ClockPicker.js是一款時鐘插件,其實還可以改進，裡面的分可以改成短橫線。
線上實例
實例預覽 jQuery ClockPicker 圓形時鐘
使用方法
- <div class="input-group clockpicker">
- <input type="text" class="form-control" value="09:30">
- <span class="input-group-addon">
- <span class="glyphicon glyphicon-time"></span>
- </span>
- </div>
- $('.clockpicker').clockpicker();
參數詳解
| 參數 | 描述 | 預設值 |
| default | 預設時間, 'now' 或'13:14' | - |
| placement | 提示位置 'left'、'right'、'top' | bottom |
| align | 提示箭頭位置 | left |
| donetext | 完成按鈕文本 | 完成 |
| autoclose | 是否自動關閉 | false |
| vibrate | 當滑鼠拖動顯示搖擺效果 | true |
| fromnow | 設置從現在開始now | 0 |
ClockPicker調用方法 |
||
| show | 顯示 | - |
| hide | 隱藏 | - |
| remove | 移除 | - |
| toggleView | 切換顯示 'hours' 或 'minutes' | - |
下載
