element-plus/docs/examples/time-select/time-range.vue

31 lines
570 B
Vue

<template>
<div class="demo-time-range">
<el-time-select
v-model="startTime"
:max-time="endTime"
class="mr-4"
placeholder="Start time"
start="08:30"
step="00:15"
end="18:30"
>
</el-time-select>
<el-time-select
v-model="endTime"
:min-time="startTime"
placeholder="End time"
start="08:30"
step="00:15"
end="18:30"
>
</el-time-select>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const startTime = ref('')
const endTime = ref('')
</script>