Skip to content

DatePicker 日期选择器

继承van-date-picker所有属性

用于选择或输入日期

基础用法

选项类型

通过 columns-type 属性可以控制选项的类型,支持以任意顺序对 year、month 和 day 进行排列组合。

比如: 传入 ['year'] 来单独选择年份。 传入 ['month'] 来单独选择月份。 传入 ['year', 'month'] 来选择年份和月份。 传入 ['month', 'day'] 来选择月份和日期。

API

Props

参数说明类型默认值
v-model绑定值Arrayundefined
title顶部栏标题Stringundefined
min-date可选的最小日期Dateundefined
max-date可选的最大日期Dateundefined
formatter日期格式化函数Function(type, value) => value
columns-type选项类型Array['year','month', 'day']

事件

事件名说明类型
change用户确认选定的值时触发Function (val: typeof v-model) => void

插槽

名称说明
default自定义单元格内容