<template>
<div>
<el-date-picker v-model="warnDelayDate" type="month" format="yyyy-MM" style="max-width: 70%" value-format="yyyy-MM"
:default-value="warnDelayDate" :picker-options="pickerOptions" placeholder="选择日期">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
warnDelayDate: this.getTodayDate(),
pickerOptions: {
disabledDate(time) {
const today = new Date();
const currentYear = today.getFullYear();
const currentMonth = today.getMonth();
const year = time.getFullYear();
const month = time.getMonth();
// 只允许选择当前月份及之后的月份
return year < currentYear || (year === currentYear && month < currentMonth);
},
},
}
},
methods: {
//展示日期
getTodayDate() {
const today = new Date();
const year = today.getFullYear();
const month = (today.getMonth() + 1).toString().padStart(2, '0'); // 使用 padStart 添零补位
return `${year}-${month}`;
},
}
}
</script>
<style></style>
限制月份只能选择当前月和后面的月份,前面的月份不能选择
最新推荐文章于 2024-07-04 00:59:27 发布