element-plus/docs/examples/time-select/time-range.vue
Xc 48a056b051
docs: modify layout style (#10514)
* docs: modify layout style

* docs: modify nav padding

* docs: update style

* feat: update

* docs: upadte

* docs: update

* docs: modify layout style

* docs: update style

* feat: update

* docs: upadte

* docs: update

* docs: update

* docs: update

* docs: remove empty script

* docs: update

---------

Co-authored-by: kooriookami <bingshuanglingluo@163.com>
Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com>
2024-02-19 20:10:44 +08:00

31 lines
582 B
Vue

<template>
<div class="demo-time-range">
<el-time-select
v-model="startTime"
style="width: 240px"
:max-time="endTime"
class="mr-4"
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>