el-date-picker 如何设置时区

el-date-picker 是一个基于 Element UI 的日期选择器组件。要设置 el-date-picker 的时区，可以通过修改日期对象的 UTC 时间来实现。具体实现方式如下：

1. 通过 el-date-picker 组件获取用户选择的日期对象。
2. 将该日期对象转换为 UTC 时间。
3. 在转换后的日期对象上调用 getHours() 方法，获取当前小时数。
4. 根据用户所在的时区，调整小时数。
5. 将调整后的小时数设置回日期对象中。
6. 将调整后的日期对象传递给 el-date-picker 组件，更新显示。

以下是示例代码：

<template>
  <el-date-picker v-model="date" type="datetime" @change="updateTimeZone"></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: new Date(),
      timeZoneOffset: -8, // 假设用户所在时区为 UTC-8
    };
  },
  methods: {
    updateTimeZone() {
      const date = new Date(this.date.getTime()); // 克隆日期对象
      date.setUTCHours(date.getUTCHours() + this.timeZoneOffset); // 调整小时数
      this.date = date; // 更新日期对象
    },
  },
};
</script>