TimeSelect 时间选择器

用于选择或输入日期

固定时间点

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

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

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

<script>
  export default {
    data() {
      return {
        value: ''
      };
    }
  }
</script>

固定时间范围

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

demo

<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