如何在Element UI的时间选择组件中自定义显示的时间格式?
时间: 2024-10-23 21:03:02 浏览: 15
element-ui组件table实现自定义筛选功能的示例代码
5星 · 资源好评率100%
在Element UI中,时间选择组件`el-date-picker`的默认时间格式是"YYYY-MM-DD HH:mm"。如果你想要自定义显示的时间格式,可以利用其提供的`format`属性。这个属性允许你设置日期字符串的格式。
例如,如果你想按照"DD/MM/YYYY HH:mm"这样的格式显示,你可以这样做:
```html
<el-date-picker
v-model="datetime"
type="datetime"
placeholder="选择日期时间"
:format="customFormat"
></el-date-picker>
<script>
export default {
data() {
return {
datetime: '',
customFormat: 'DD/MM/YYYY HH:mm',
};
},
};
</script>
```
在这里,`customFormat`变量就是你自定义的时间格式字符串。你还可以根据需要调整其他格式选项,如`HH`代表小时,`mm`代表分钟,`yyyy`代表四位数年份等。
阅读全文