时分选择器

<template>
  <div>
    <el-time-picker
      v-model="selectedTime"
      :picker-options="timePickerOptions"
    ></el-time-picker>
  </div>
</template>

<script>

export default {
  data() {
    return {
      selectedTime: '', // 选择的时间值
      timePickerOptions: {
        format: 'HH:mm', // 时间显示格式，只显示小时和分钟
        pickerOptions: {
          start: '00:00', // 可选时间范围的起始时间
          end: '23:59', // 可选时间范围的结束时间
          step: '00:30', // 分钟增量
        },
      },
    };
  },
};
</script>