<template>
<el-date-picker
v-model="warnDelayDate"
type="month"
format="yyyy-MM"
style="max-width: 70%"
value-format="yyyy-MM"
:default-value="warnDelayDate"
placeholder="选择日期"
>
</el-date-picker>
</template>
<script>
export default {
data(){
return {
warnDelayDate:this.getTodayDate(),
}
},
mounted() {
this.warnDelayDate = this.getTodayDate(); // 设置 warnDelayDate 的初始值为当前日期
},
methods:{
//展示日期
getTodayDate() {
const today = new Date();
const year = today.getFullYear();
const month = (today.getMonth() + 1).toString().padStart(2, '0'); // 使用 padStart 添零补位
return `${year}-${month}`;
},
}
};
</script>
这样我们就能只获取到年和月了,并且让他根据月份实施更新,也能够让数据一开始也展示