> ## 組件 wl-timepicker 使用文檔
```
<wl-timepicker v-model="value" :type="type" :placeholder="placeholder" :size="size"></wl-timepicker>
```
### wl-timepicker props
| 屬性 | 說明 | 類型 | 默認值 |
| ---------- | ------------------------------------------------------------------- | -------- | --------------------------------------------- |
| value | 對 value 進行雙向綁定 | Object 或 String | '' |
| type | 讓組件進行時間或時間段選擇 | String | 'time' 或 'timerange' |
| placeholder | 提示信息 | String | 請選擇時間 |
| size | 組件大小 | String | default |
| width | 寬度 | String | 200px |
#### 備注說明
- 當 type 為 'time' 或不設置時，默認為時間選擇器。value 為 'hh:mm:ss' 形式的字符串
- 當 type 為 'timerange' 時，組件為時間段選擇器。value 為以下形式的對象
```
{
begin: 'hh:mm:ss',
end: 'hh:mm:ss'
}
```
- 編寫模版
- 模態框 wl-modal
- 富文本框 wl-tinymce
- 國家選擇下拉框 wl-select-country
- 時間軸 wl-timeline
- 國籍選擇下拉框 wl-select-nationality
- 時間及時間段選擇器 wl-timepicker
- 日期及日期段選擇器 wl-datepicker
- 自定義內容下拉框 wl-select-custom
- excel下載組件 wl-down-excel
- 多選框 wl-checkbox
- 多選下拉框 wl-select-mutiple
- 柱狀圖 wl-bar-chart
- 折線圖 wl-line-chart
- 餅圖 wl-pie-chart
- pdf預覽并下載 wl-pdf-download
- excel導入 wl-import-excel
- 生成二維碼 wl-create-qrcode
- 流程預覽 wl-flow-viewer
- 級聯選擇城市 wl-select-city
- 圖片預覽 wl-viewer-show-img
- 業務綜合組件
- 接口管理wl-inter-face-page
- 系統異常微信通知wl-try-catch-notice
- 地圖組件 wl-map