【vue】el-date-picker默认时间

1.代码示例

<template>
  <el-date-picker 
  suffix-icon="el-icon-date" 
  range-separator="-"  
  type="daterange" 
  placeholder="选择日期" 
  v-model="dateBucket" 
  format="yyyy-MM-dd"
  value-format="yyyy-MM-dd"></el-date-picker>    
</template>
<script>
export default {
  name: "test",
  data() {
    return {
        dateBucket: [this.dateFormat(new Date(Date.now() - 3600 * 1000 * 24 * 14), "yyyy-MM-dd"), this.dateFormat(new Date(),"yyyy-MM-dd")],
		form:{
			beginDate: '',
			endDate: ''
		}
    }
  },
  methods: {
      dateFormat(date, format) {
        format = format || 'yyyy-MM-dd hh:mm:ss';
        if (date !== 'Invalid Date') {
            let o = {
            "M+": date.getMonth() + 1, //month
            "d+": date.getDate(), //day
            "h+": date.getHours(), //hour
            "m+": date.getMinutes(), //minute
            "s+": date.getSeconds(), //second
            "q+": Math.floor((date.getMonth() + 3) / 3), //quarter
            "S": date.getMilliseconds() //millisecond
            }
            if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
            (date.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (let k in o)
            if (new RegExp("(" + k + ")").test(format))
                format = format.replace(RegExp.$1,
                RegExp.$1.length === 1 ? o[k] :
                    ("00" + o[k]).substr(("" + o[k]).length));
            return format;
        }
        return '';
        }

  },
  watch: {
    'dateBucket'(){
      if (this.dateBucket && this.dateBucket.length == 2) {
        this.form.beginDate = this.dateBucket[0] + ' 00:00:00';
        this.form.endDate = this.dateBucket[1] + ' 23:59:59';
      }else{
        this.form.beginDate = "";
        this.form.endDate = "";
      }
    }
  }
}
</script>

2.示例图片