Element UI 時間組件

<el-time-select
  v-model="form.exeIntervalStartTime"
  :picker-options="{
    start: '00:00',
    step: '01:00',
    end: '23:00',
    maxTime: form.exeIntervalEndTime,
  }"
  placeholder="開始時間">
</el-time-select>
<el-time-select
  v-model="form.exeIntervalEndTime"
  :picker-options="{
    start: '00:00',
    step: '01:00',
    end: '23:00',
  }"
  placeholder="結束時間">
</el-time-select>
  • maxTime 最大時間,大於該時間的時間段將被禁用

在這裏插入圖片描述

<el-time-select
  v-model="form.exeIntervalStartTime"
  :picker-options="{
    start: '00:00',
    step: '01:00',
    end: '23:00',
  }"
  placeholder="開始時間">
</el-time-select>
<el-time-select
  v-model="form.exeIntervalEndTime"
  :picker-options="{
    start: '00:00',
    step: '01:00',
    end: '23:00',
    minTime: form.exeIntervalStartTime,
  }"
  placeholder="結束時間">
</el-time-select>

在這裏插入圖片描述

  • minTime 最小時間,小於該時間的時間段將被禁用
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章