Datepicker 日期组件
日期组件目前是对ant-desigin-vue中的日期组件的二次封装,使用时需要引入ant-desigin-vue,之后会开发日期组件
用法
基本用法
日期时间
可以通过type设置不同的组件类型:date | mounth | range | time | week
点击查看代码
<wd-date-picker
type="date"
:clearable="false"
:disabled="false"
default-value="2021-02-02 02:02:02"
format="YYYY/MM/DD HH:mm:ss"
value-format="YYYY-MM-DD HH-mm-ss"
size="small"
placeholder="请选择日期"
v-model="datepickerValue"
@change="datepickerChange"
></wd-date-picker>
<wd-date-picker
type="range"
:clearable="true"
:disabled="false"
:default-value="['2021-02-02 02:02:02', '2021-02-03 02:02:02']"
format="YYYY/MM/DD HH:mm:ss"
value-format="YYYY-MM-DD HH-mm-ss"
size="small"
:placeholder="['请选择开始日期', '请选择结束日期']"
v-model="datepickerValue"
separator="|"
@change="datepickerChange"
></wd-date-picker>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25