element-plus/docs/examples/time-picker/range.vue
pany e9666db99a
docs(components): [date-picker] attribute type description (#9357)
* docs(components): fix 'date-picker' attribute type description

* docs(components): revert 'date-picker' attribute description

* docs(components): fix 'datetime-picker' attribute type description

* docs(components): fix 'time-picker' attribute type description

* docs(components): format

* docs(components): fix type, optimization description
2022-09-08 19:22:47 +08:00

43 lines
799 B
Vue

<template>
<div class="demo-range">
<el-time-picker
v-model="value1"
is-range
range-separator="To"
start-placeholder="Start time"
end-placeholder="End time"
/>
<el-time-picker
v-model="value2"
is-range
arrow-control
range-separator="To"
start-placeholder="Start time"
end-placeholder="End time"
/>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const value1 = ref<[Date, Date]>([
new Date(2016, 9, 10, 8, 40),
new Date(2016, 9, 10, 9, 40),
])
const value2 = ref<[Date, Date]>([
new Date(2016, 9, 10, 8, 40),
new Date(2016, 9, 10, 9, 40),
])
</script>
<style>
.demo-range .el-date-editor {
margin: 8px;
}
.demo-range .el-range-separator {
box-sizing: content-box;
}
</style>