在调用element的DateTimePicker 日期时间选择器会出现不友好的日期时间格式,像这样的格式"2021-11-25T01:11:40.000Z"时。这样带有时区的格式,不好看懂,用正则去处理就太麻烦了。其实element是可以设置格式的,value-format是返回的格式,而element默认时间格式是Date对象。
这是文档上写的注释:
value-format | 可选,绑定值的格式。不指定则绑定值为 Date 对象 |
现在把value-format格式调整为value-format="yyyy-MM-dd HH:mm:ss",就可以成日常的格式了。代码如下:
<el-form-item
label="日期"
label-width="90px"
prop="create_time"
>
<el-date-picker
v-model="create_time"
type="datetime"
placeholder="选择日期时间"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
default-time="12:00:00"
>
</el-date-picker>
</el-form-item>
当然也可以改成时间戳格式,格式为value-format="timestamp"
timestamp | JS时间戳 | 仅 value-format 可用;组件绑定值为number类型 | 1483326245000 |