ElementPlus TimeSelect 時(shí)間選擇

TimeSelect 時(shí)間選擇

用于選擇或輸入日期

固定時(shí)間點(diǎn)

提供幾個(gè)固定的時(shí)間點(diǎn)供用戶選擇

使用 el-time-select 標(biāo)簽，分別通過(guò)start、end和step指定可選的起始時(shí)間、結(jié)束時(shí)間和步長(zhǎng)

<template>
  <el-time-select
  v-model="value"
  start="08:30"
  step="00:15"
  end="18:30"
  placeholder="選擇時(shí)間"
>
</el-time-select>
</template>

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

固定時(shí)間范圍

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

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