mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-06 13:17:47 +08:00
e9666db99a
* 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
43 lines
799 B
Vue
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>
|