TimeSelect 時間選擇

用于選擇或輸入日期

固定時間點

提供幾個固定的時間點供用戶選擇

使用 el-time-select 標簽，分別通過start、end和step指定可選的起始時間、結(jié)束時間和步長

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

固定時間范圍

若先選擇開始時間，則結(jié)束時間內(nèi)備選項的狀態(tài)會隨之改變

<template>
  <el-time-select
    placeholder="起始時間"
    v-model="startTime"
    start="08:30"
    step="00:15"
    end="18:30"
  >
  </el-time-select>
  <el-time-select
    placeholder="結(jié)束時間"
    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