elementui input时间格式化
时间: 2023-11-14 14:09:43 浏览: 226
element-ui 表格数据时间格式化的方法
5星 · 资源好评率100%
可以使用 element-ui 中的 DatePicker 组件来实现时间格式化。具体步骤如下:
1. 在组件中引入 DatePicker 组件:
```
<template>
<div>
<el-date-picker
v-model="date"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</div>
</template>
```
2. 在组件的 data 中定义 date 变量:
```
<script>
export default {
data() {
return {
date: ''
}
}
}
</script>
```
3. 在 format 和 value-format 属性中设置时间格式,例如上面的代码中设置的是 yyyy-MM-dd 格式。
阅读全文