优秀的编程知识分享平台

网站首页 > 技术文章 正文

调整element日期时间选择器的时间格式,去除T01:11:40.000Z样式

nanyue 2024-07-26 15:45:24 技术文章 4 ℃

在调用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

最近发表
标签列表