mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
3b8a590baf
* docs: improve examples layout for narrow screens * docs: style related * style: [statistic] use utilities * style: [input] remove deep * style: [transitions] change style * refactor: [date-picker-panel] narrow refactor
30 lines
584 B
Vue
30 lines
584 B
Vue
<template>
|
|
<div class="demo-time-range flex flex-wrap gap-4">
|
|
<el-time-select
|
|
v-model="startTime"
|
|
style="width: 240px"
|
|
:max-time="endTime"
|
|
placeholder="Start time"
|
|
start="08:30"
|
|
step="00:15"
|
|
end="18:30"
|
|
/>
|
|
<el-time-select
|
|
v-model="endTime"
|
|
style="width: 240px"
|
|
:min-time="startTime"
|
|
placeholder="End time"
|
|
start="08:30"
|
|
step="00:15"
|
|
end="18:30"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const startTime = ref('')
|
|
const endTime = ref('')
|
|
</script>
|