elementUI的时间选择器-选择⽇期范围，选择时间后获取时间的格式问题

 记录一下使用element 日期选择器的传之转换格式 

选择⽇期范围: value-format="yyyy-MM-dd" //加上这⾏代码，

不然获取的时间格式⽤不了
             

 <el-date-picker
          v-model=""
          type="daterange"
          align="right"
          unlink-panels
         value-format="yyyy-MM-dd"
          format="yyyy-MM-dd"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :picker-options="pickerOptions"
        >
        </el-date-picker>

快捷获取范围

<script>
export default {
data(){
return{
queryParamsTime:[],//日期默认值
   pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
}
}
}

</script>

查询之前重新赋值 

methods: {
    /** 查询报表列表 */
    getList() { 
         this.queryParams.startTime = this.queryParamsTime[0];
      this.queryParams.endTime = this.queryParamsTime[1];
}