ElementPlus TimeSelect 时间选择

TimeSelect 时间选择

用于选择或输入日期

固定时间点

提供几个固定的时间点供用户选择

使用 el-time-select 标签，分别通过start、end和step指定可选的起始时间、结束时间和步长

<template>
  <el-time-select
  v-model="value"
  start="08:30"
  step="00:15"
  end="18:30"
  placeholder="选择时间"
>
</el-time-select>
</template>

<script>
  export default {
    data() {
      return {
        value: "",
      }
    },
  }
</script>

固定时间范围

若先选择开始时间，则结束时间内备选项的状态会随之改变

<template>
  <el-time-select
    placeholder="起始时间"
    v-model="startTime"
    start="08:30"
    step="00:15"
    end="18:30"
  >
  </el-time-select>
  <el-time-select
    placeholder="结束时间"
    v-model="endTime"
    start="08:30"
    step="00:15"
    end="18:30"
    :minTime="startTime"
  >
  </el-time-select>
</template>

<script>
  export default {
    data() {
      return {
        startTime: "",
        endTime: "",
      }
    },
  }
</script>

Attributes

Events

Methods