默认再一打开页面时,数据展示出来,并且日期是当前的年月

<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>

这样我们就能只获取到年和月了,并且让他根据月份实施更新,也能够让数据一开始也展示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值