> ## 组件 wl-datepicker 使用文档
```
<wl-datepicker v-model="value" :type="type" :placeholder="placeholder" :size="size"></wl-datepicker>
```
### wl-datepicker props
| 属性 | 说明 | 类型 | 默认值 |
| ---------- | ------------------------------------------------------------------- | -------- | --------------------------------------------- |
| value | 对 value 进行双向绑定 | Object 或 String | '' |
| type | 让组件进行日期或日期段选择 | String | 'date' 或 'daterange' |
| placeholder | 提示信息 | String | 请选择日期 |
| size | 组件大小 | String | 'default' |
| width | 宽度 | String | 200px |
#### 备注说明
- 当 type 为 'date' 或不设置时,默认为日期选择器。value 为 'yyyy-mm-dd' 形式的字符串
- 当 type 为 'daterange' 时,组件为日期段选择器。value 为以下形式的对象
```
{
begin: 'yyyy-mm-dd',
end: 'yyyy-mm-dd'
}
```
- 编写模版
- 模态框 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