element picker 时间控件，指定区间和指定月份置灰

最新推荐文章于 2024-02-27 17:37:56 发布

Ming-code

最新推荐文章于 2024-02-27 17:37:56 发布

阅读量480

点赞数

文章标签： elementui

本文链接：https://blog.csdn.net/xiaoming7776/article/details/133785780

版权

在这里插入图片描述

直接上代码

<el-date-picker
	v-model="fillingList.declareDate"
	type="month"
	:disabled="isDisplayName"
	placeholder="选择填报时间"
	value-format="yyyy-MM"
	:picker-options="pickerOptions"
	@change="declareDateChange"
	>
</el-date-picker>

data里面的数据

data(){
	return {
		pickerOptions: this.getStartStopMonth(),
		StartStopMonthArr: ['2023-05', '2023-02'],
		startTime: '2023-02',
	}
},
methods:{
	getStartStopMonth() {
		let that = this
		return {
			disabledDate: (time) => {
				let nowYear = new Date().getFullYear();
				let nowMonth = new Date().getMonth() + 1;
				let nowYM = nowYear + '-' + (nowMonth >= 10 ? nowMonth : ('0' + nowMonth));
				let timeM = time.getMonth() + 1;
				let timeYM = time.getFullYear() + '-' + (timeM >= 10 ? timeM : ('0' + timeM));
				return timeYM > nowYM || that.StartStopMonthArr.includes(timeYM) || timeYM < that.startTime
			}
		}
	}
}