<el-date-picker>组件分钟只显示00分和30分

`<el-date-picker>` 是 Element UI 中的一个日期选择器组件。如果你想让它只显示00分和30分，你可以通过自定义它的格式来实现。Element UI 的日期选择器使用 Moment.js 或者本地化的 Date 格式化规则。对于时间部分，你可以设置 `format` 属性。

你可以使用 `HH:mm` 作为基本格式，然后添加一个函数去过滤掉其他非00和30的分钟值。以下是如何做到这一点的一个简单示例：

<template>
  <el-date-picker
    v-model="value"
    type="datetime"
    format="HH:mm" 
    placeholder="选择日期时间"
    :picker-options="{ minuteStep: 30 }" 
    @change="onChange"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    };
  },
  methods: {
    onChange(date) {
      // 过滤分钟为00或30的时间
      const filteredDate = new Date(date);
      filteredDate.setMinutes(filteredDate.getMinutes() % 30 === 0 ? filteredDate.getMinutes() : 30);
      this.value = filteredDate.toISOString().split('T')[1]; // 返回处理后的时间字符串
    },
  },
};
</script>

在这个例子中，`minuteStep: 30` 设置了每次选择的时间间隔为30分钟，而 `onChange` 方法会把不符合要求的分钟值替换为30。