element 日期和时间范围 自动 获取当一天的时间 格式为 2023-10-20 12:00:00

要自动获取当前一天的时间范围，并且格式化为"YYYY-MM-DD HH:mm:ss"的形式，你可以使用Moment.js库来处理日期和时间的格式化。以下是一个示例代码：

<template>
  <div>
    <el-date-picker
      v-model="dateTime"
      type="datetime"
      :default-value="getDefaultRange"
      format="yyyy-MM-dd HH:mm:ss"
      placeholder="选择日期时间范围">
    </el-date-picker>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      dateTime: '', // 存储选择的日期时间
    };
  },
  computed: {
    getDefaultRange() {
      const start = moment().startOf('day').format('YYYY-MM-DD HH:mm:ss');
      const end = moment().endOf('day').format('YYYY-MM-DD HH:mm:ss');
      return [start, end];
    }
  }
};
</script>

上述代码中，我们首先引入了Moment.js库，并将其命名为`moment`。然后，在计算属性`getDefaultRange`中，我们使用`moment`对象来获取当前的日期和时间，并使用`.startOf('day')`和`.endOf('day')`方法将其设置为当天的起始和结束时间。最后，我们使用`.format('YYYY-MM-DD HH:mm:ss')`方法将起始时间和结束时间格式化为"YYYY-MM-DD HH:mm:ss"的形式。

这样，每次打开页面时，日期时间选择器会自动显示当前一天的时间范围，并且格式化为你所需的形式。你可以根据需要调整代码以适应你的项目。