el-date-picker拼接时分秒
时间: 2023-10-12 20:05:52 浏览: 127
要在 el-date-picker 中拼接时分秒,你可以使用 el-time-picker 组件来实现。
首先,你需要在 el-date-picker 上添加 `type="datetime"` 属性,以指定日期和时间选择器的类型。
然后,在 el-date-picker 中嵌套 el-time-picker 组件,设置 time-picker-options 属性为一个对象,对象中的 format 属性可以用于配置时间选择器的显示格式。
以下是一个示例代码:
```html
<template>
<div>
<el-date-picker
v-model="datetime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss"
>
<el-time-picker
slot="picker"
:picker-options="timePickerOptions"
v-model="datetime"
format="HH:mm:ss"
></el-time-picker>
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
datetime: null,
timePickerOptions: {
start: '00:00',
end: '23:59',
step: '00:01'
}
};
}
};
</script>
```
这样,你就可以在 el-date-picker 上选择日期,并在嵌套的 el-time-picker 上选择时分秒了。注意要根据你的需求调整 format 和 value-format 属性的值。
阅读全文