vue elementui 时间选择器8小时制

Vue Element UI 时间选择器默认是按照24小时制显示时间的，如果需要将其改为8小时制显示时间，可以通过自定义时间格式来实现。

首先，在使用时间选择器的组件中引入 moment.js 库，用于处理时间格式。

其次，通过在时间选择器的 `format` 属性中设置时间格式来实现8小时制显示。具体的时间格式为 `hh:mm A`，其中 `hh` 表示小时，范围为01到12， `mm` 表示分钟， `A` 表示上午（AM）或下午（PM）。

以下是一个实现的示例代码：

<template>
  <div>
    <el-date-picker
      v-model="time"
      type="time"
      :picker-options="pickerOptions"
      format="hh:mm A"
    ></el-date-picker>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      time: '',
      pickerOptions: {
        start: '00:00',
        end: '23:59',
        step: '00:15',
        format: 'HH:mm'
      }
    };
  },
  watch: {
    time(val) {
      if (val) {
        this.time = moment(val, 'HH:mm').format('hh:mm A');
      }
    }
  }
};
</script>

在上述代码中，通过在 `format` 属性中设置时间的格式为 `hh:mm A`，将时间选择器的显示格式改为8小时制。另外，在 `watch` 中通过使用 moment.js 库将时间格式从24小时制转换为8小时制。

以上就是将 Vue Element UI 时间选择器改为8小时制显示时间的方法。