Skip to content
On this page

TDatePicker 日期组件


单个日期输出

日期范围选择

月份范围选择

日期&时间范围选择

插槽使用及自定义日期面板

TDatePicker 参数配置

简介:基于 Element-plus DatePicker DateTimePicker 组件的二次封装,取决于 type 值

TDatePicker 日期组件 代码示例:

html
<t-date-picker v-model="date" />
<t-date-picker v-model="date" />

Attributes 继承 DatePicker DateTimePicker 的 Attributes

参数说明类型默认值
v-model绑定值[String, Date, Array]-
plusTime日期范围是否显示 00:00:00 23:59:59 时分秒Booleanfalse
type时间类型(继承 element DatePicker DateTimePicker)Stringdate
shortcuts设置快捷选项,需要传入数组对象Array<{ text: string, value: Date & Function }>-
isPickerOptions是否开启自带快捷方式Booleanfalse

type 类型

week 周;month 月;year 年;dates 多个日期;months 多个月;years 多个年;daterange 日期范围;monthrange 月份范围;datetime 日期和时间点;datetimerange 日期和时间点范围

events

事件名说明返回值
change用户确认选定的值时触发组件绑定值。格式与绑定值一致,可受 value-format 控制

Slots

事件名说明
default自定义内容
range-separator自定义范围分割符内容