element-ui制作当前时间选择器

      <el-form-item prop="date" label="日期">
          <el-date-picker
            v-model="form.date"
            type="daterange"
            :start-placeholder="form.startDate?'form.startDate':'开始时间'"
            :end-placeholder="form.endDate?'form.endDate':'结束时间'"
            :picker-options="pickerOptions"
            value-format="yyyy-MM-dd"
            @change="timeChange"
          />
        </el-form-item>
        
        
复制代码

js

  created() {
    this.setDisbled();
  },
  
 setDisbled() {
  this.form.date = "";
  if (this.form.unit != 7) {
    this.pickerOptions = {
      disabledDate: (time) => {
        let early = new Date(this.getDay(-367)).getTime();
        return time.getTime() > Date.now() || time.getTime() < early;
      },
    };
  } else {
    this.pickerOptions = {
      disabledDate: (time) => {
        let early = new Date(this.getDay(-31)).getTime();
        return time.getTime() > Date.now() || time.getTime() < early;
      },
    };
  }
},

getDay(num) {
  var today = new Date();
  var nowTime = today.getTime();
  var ms = 24 * 3600 * 1000 * num;
  today.setTime(parseInt(nowTime + ms));
  var oYear = today.getFullYear();
  var oMoth = (today.getMonth() + 1).toString();
  if (oMoth.length <= 1) oMoth = "0" + oMoth;
  var oDay = today.getDate().toString();
  if (oDay.length <= 1) oDay = "0" + oDay;
  return oYear + "-" + oMoth + "-" + oDay;
},
addDate() {
  let nowDate = new Date();
  let date = {
    year: nowDate.getFullYear(),
    month: nowDate.getMonth() + 1,
    date: nowDate.getDate(),
  };
  let systemTime = date.year + "-" + date.month + "-" + date.date;
//   this.form.startDate = systemTime;
//   this.form.endDate = systemTime;
},

timeChange(val) {
    console.log(val)
  this.form.startDate = val[0];
  this.form.endDate = val[1];
},

 mounted() {
    this.addDate();
  },
        
复制代码