1、最终效果

在这里插入图片描述

2、TDatePicker 参数配置

代码示例：

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

参数	说明	类型	默认值
v-model	绑定值	[String, Date, Array]	-
plusTime	日期范围是否显示 00:00:00 23:59:59 时分秒	Boolean	false
type	时间类型（继承 element DatePicker DateTimePicker）	String	-
pickerOptions	当前时间日期选择器特有的选项（快捷方式）	object	-
isPickerOptions	是否开启自带快捷方式	Boolean	false

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

参数	说明	类型	默认值
shortcuts	设置快捷选项，需要传入 { text, onClick } 对象用法	Object[]	-
disabledDate	设置禁用状态，要求返回 Boolean	Function	-
cellClassName	设置日期的 className	String	-
pickerOptions	当前时间日期选择器特有的选项	Function(Date)	-
firstDayOfWeek	周起始日	Number	7