vue3中elment plus日期时间选择器只显示00分和30分

在 Vue3 中，Element Plus 的日期时间选择器组件 `el-date-picker` 或者 `el-time-select` 默认的时间间隔展示是15分钟。如果你想要让它只显示整点（即00分和30分），可以通过自定义插件或者修改源码的方式来实现。

一种常见的做法是使用一个计算属性或者函数，过滤掉非整点的时间段。例如：

<template>
  <el-time-select v-model="selectedTime" :picker-options="customPickerOptions"></el-time-select>
</template>

<script>
export default {
  data() {
    return {
      selectedTime: '',
    };
  },
  computed: {
    customPickerOptions() {
      const baseOptions = this.$ELEMENT.datetimePickerDefaultOptions.time;
      return {
        ...baseOptions,
        format: 'HH:mm', // 只保留小时和分钟
        options: Object.keys(baseOptions.options).map((time) => {
          // 过滤掉不是00或30的情况
          if (time % 15 !== 0) return null;
          return { text: `${time}` + ':00', value: time };
        }).filter(Boolean),
      };
    }
  },
};
</script>

然而，这并不是官方推荐的做法，因为可能会导致一些其他功能的缺失，并且一旦 Element Plus 更新，这个自定义可能会失效。如果可能的话，建议直接向 Element Plus 开发团队反馈此需求，或者在他们修复这个问题之前等待官方更新。