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

属性

详细属性可以参考ant-desigin-vue的日期组件open in new window