element UI 时间选择器，显示默认时间为当前时间至7天之前时间 （并格式化日期-年月日，时分秒）

您可以使用 Element UI 的 DatePicker 和 TimePicker 组件来实现您的需求。具体操作如下：

1. 在组件中引入 DatePicker 和 TimePicker 组件，并设置 v-model 双向绑定变量。

<el-date-picker v-model="dateValue" :default-time="defaultTime" type="datetime" :picker-options="pickerOptions"></el-date-picker>
<el-time-picker v-model="timeValue" :picker-options="pickerOptions"></el-time-picker>

2. 在组件中定义相关变量：

data() {
  return {
    dateValue: null, // 日期选择器的值
    timeValue: null, // 时间选择器的值
    pickerOptions: { // 日期选择器的选项
      shortcuts: [{
        text: '最近7天',
        onClick(picker) {
          const end = new Date();
          const start = new Date();
          start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
          picker.$emit('pick', [start, end]);
        }
      }]
    }
  }
},
computed: {
  defaultTime() { // 时间选择器的默认时间
    const now = new Date();
    const sevenDaysAgo = new Date(now - 7 * 24 * 60 * 60 * 1000);
    return sevenDaysAgo;
  }
},

3. 在组件中使用 moment 库对日期进行格式化：

import moment from 'moment'; // 引入 moment 库

// 格式化日期
const formattedDate = moment(this.dateValue).format('YYYY-MM-DD');
// 格式化时间
const formattedTime = moment(this.timeValue).format('HH:mm:ss');

完整代码示例：

<template>
  <div>
    <el-date-picker v-model="dateValue" :default-time="defaultTime" type="datetime" :picker-options="pickerOptions"></el-date-picker>
    <el-time-picker v-model="timeValue" :picker-options="pickerOptions"></el-time-picker>
    <div>格式化后的日期时间：{{ formattedDateTime }}</div>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      dateValue: null,
      timeValue: null,
      pickerOptions: {
        shortcuts: [{
          text: '最近7天',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }]
      }
    }
  },
  computed: {
    defaultTime() {
      const now = new Date();
      const sevenDaysAgo = new Date(now - 7 * 24 * 60 * 60 * 1000);
      return sevenDaysAgo;
    },
    formattedDateTime() {
      const formattedDate = moment(this.dateValue).format('YYYY-MM-DD');
      const formattedTime = moment(this.timeValue).format('HH:mm:ss');
      return `${formattedDate} ${formattedTime}`;
    }
  }
}
</script>