element日期组件实现只能选择小时或分钟

要实现只能选择小时或分钟的日期组件，可以借助Element UI中提供的时间选择器（Time Picker）组件。

在使用Element UI的时间选择器组件时，可以使用picker-options属性来设置时间选择器的选项。其中，可以使用selectableRange选项来限制可选的时间段，从而实现只能选择小时或分钟的需求。

假如需要实现只能选择小时的日期组件，可以使用以下代码：

<template>
  <el-date-picker
    v-model="datetime"
    type="datetime"
    :picker-options="hourPickerOptions">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      datetime: new Date(),
      hourPickerOptions: {
        selectableRange: '00:00:00-23:59:59'
      }
    }
  }
}
</script>

上述代码中，hourPickerOptions对象设置了selectableRange属性，指定了整天（00:00:00-23:59:59）都是可选的。这样，用户只能选择小时，并且不能选择分钟和秒。

如果需要实现只能选择分钟的日期组件，可以使用以下代码：

<template>
  <el-date-picker
    v-model="datetime"
    type="datetime"
    :picker-options="minutePickerOptions">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      datetime: new Date(),
      minutePickerOptions: {
        selectableRange: '00:00-23:59'
      }
    }
  }
}
</script>

上述代码中，minutePickerOptions对象设置了selectableRange属性，指定了整小时（00:00-23:59）都是可选的。这样，用户只能选择分钟，并且不能选择小时和秒。

通过使用selectableRange选项，可以限制可选的时间段，实现只能选择小时或分钟的日期组件。