multiple-date 多类型时间选择器（齐思博）

基础用法

可以选择按天/周/月选择时间(包括默认业务逻辑：按月查询只可以选最近两年内的时间，其他只能查最近3个月的)

文案

<template>
  <div>
		<h-multiple-date v-model="dateJson" :lastDate="lastDate" @changeType="fnChangeDateJson" @changeDate="fnChangeDateJson"></h-multiple-date>
  </div>
</template>

<script>
export default {
  data() {
    return {
    	dateJson: {
				date: ['',''],
				type: 'day',
				pickerType: 'range'
			},
			lastDate: '2026-03-03'
		}
  },
  methods: {
  	fnChangeDateJson(value) {
  		console.log(value);
  	}
	}
}
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
value / v-model	选中项绑定值	object	—	{date: '',type: 'day',pickerType: ''// range-代表时间段}
dateTypeList	可选时间格式	array	—	[{label: '按天查询', value: 'day'},{label: '按周查询', value: 'week'},{label: '按月查询', value: 'month'}]
lastDate	最后可选日期	string	—	当前时间

Events

方法名	说明	参数
changeType	修改时间类型	当前选中值-value值
changeDate	修改选择时间	当前选中值-value值