时间选择器

包含了时间选择 vx-date-picker 和时间区间选择 vx-range-picker

Props

公共props

该组件继承了 vx-field的props，所以是通用的，以下仅罗列 vx-date-picker 和 vx-range-picker 特有的Props

Name	Introduction	Type	Default Value
type	见组件类型	String	datepicker
format	见日期格式化	String	'YYYY-MM-DD'
clearable	显示可清除样式	Boolean	false

vx-date-picker props

Name	Introduction	Type	Default Value
placeholder	占位文本	String	-
datePickerProps	vuetify 原生参数，用于控制时间选择组件	Object	-
modelValue	绑定的值，见值类型	String Number Date	-

vx-range-picker props

和 vx-date-picker 最大的不同在于，其大多数接收的都是数组

Name	Introduction	Type	Default Value
placeholder	占位文本	string[]	-
needConfirm	选中的值需要点击确认才生效	boolean	false
datePickerProps	vuetify 原生参数，用于控制时间选择组件	datePickerProps[]	-
modelValue	绑定的值，见值类型	string[] number[] Date[]	-

vx-range-picker events

Name	Payload	Introduction
click:confirm	{ value: Ref<number[]>, next: Promise }	配置了 needconfirm 可以结合 click:confirm 实现对值的校验

值类型

• 组件拥有很强的传入值适应性，可以传入各种类型的值并格式化字符串、时间戳、日期类型都可，最终都会被格式化成默认格式或者传入的format格式
• vx-range-picker 可以切换值选中模式，当 needConfirm 为 true 时，需要点击确认按钮值才生效

组件类型

• type: datepicker datetimepicker

日期格式化 format

• datepicker 默认格式是 YYYY-MM-DD
• datetimepicker 默认格式是 YYYY-MM-DD HH:mm:ss
• format 不仅影响展示也影响组件的可选项，以及绑定的 modelValue

配合 datePickerProps 控制

各种状态