elementui el-date-picker自定义格式化
时间: 2024-01-12 13:22:46 浏览: 265
详解element-ui日期时间选择器的日期格式化问题
5星 · 资源好评率100%
element-ui的el-date-picker组件可以通过value-format属性来自定义日期的格式化。在value-format属性中,可以使用一系列的占位符来表示不同的日期和时间部分。
以下是一个示例代码,演示如何使用value-format属性来自定义日期的格式化:
```html
<template>
<el-date-picker v-model="distributionTime" :clearable="false" type="date" placeholder="请选择配送日期" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</template>
<script>
export default {
data() {
return {
distributionTime: ''
}
}
}
</script>
```
在上述代码中,value-format属性的值为"yyyy-MM-dd HH:mm:ss",其中:
- "yyyy"表示四位数的年份;
- "MM"表示两位数的月份;
- "dd"表示两位数的日期;
- "HH"表示两位数的小时;
- "mm"表示两位数的分钟;
- "ss"表示两位数的秒数。
通过设置value-format属性为所需的格式,即可实现el-date-picker组件的自定义格式化。
阅读全文