<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>