使用element-ui组件库的日期选择器,有时候会有默认值的显示。
和就比较简单了,因为v-model绑定的是个字符串,对其赋值就可以。的type为datetimerange时,v-model绑定的是个数组。

在这里插入图片描述
如上图这样的组件,想加默认值显示,需要获取到当前时间在处理一下即可

 //获取时间的默认值
 getDate() {
      let start = this.Fungetdate (-5)
      let end = this.Fungetdate (0)
      this.dateValue.push(start,end)
  },
  Fungetdate (num) {
      var dd = new Date();
      dd.setDate(dd.getDate() + num);
      var y = dd.getFullYear();
      var m = dd.getMonth() + 1;//获取当前月份的日期
      var d = dd.getDate();
      return y + "-" + m + "-" + d;
  }

这个方法获取后几天也是可以的,只需要改变传参就可以了

Logo

前往低代码交流专区

更多推荐