el-date-picker年份选择默认值为当前年,并且将获取时间转为年月日格式

<el-date-picker
              value-format="yyyy"
              v-model="leftQuery.year"
              :disabled="timeArr && timeArr.length != 0 ? true : false"
              type="year"
              placeholder="选择年"
              @change=changeYear
              :picker-options="pickerOptions"
            >
            </el-date-picker>
   leftQuery: {
        seasIds: undefined,
        customerCode: undefined,
        isReferral: undefined,
        achievement: undefined,
        beginAchievement:undefined,
        endAchievement:undefined,
        quarter: undefined,
        year: new Date(new Date().getFullYear(), 0, 1),//年份,
        pageSize: 10,
        pageNum: 1,
      },
    //时间的禁用
   pickerOptions: {
  
   disabledDate(time) {
    return new Date().getFullYear() < time.getFullYear();
   }
},

new Date(new Date().getFullYear(), 0, 1)表示的是当前年份的第一天(即1月1日)。这是因为 el-date-picker 在处理年份选择时,实际上是在处理日期对象,但它只显示年份部分。将 v-model 绑定到这个日期对象上,就会使得日期选择器默认显示当前年份。 type="year" 只会看到当前年份,不会看到日期

  formattedDate(dateStr) {
 
 const date = new Date(dateStr);

 return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;

},

console.log(this.formattedDate(this.leftQuery.year).slice(0,4),'566');

获取时间进行截取获取到只需要的年份即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值