element-ui 时间日期选择器格式调整（yyyy-mm-dd）

最新推荐文章于 2024-09-29 17:42:02 发布

原创最新推荐文章于 2024-09-29 17:42:02 发布 · 1.5w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue #element #时间格式化

vue常用问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍在前端开发中，如何使用Element UI的时间日期选择器进行时间格式的设置，包括输入框显示格式和绑定值的格式，确保与后台数据格式一致。

前端与后台对接时，常用的时间格式为 “yyyy-MM-dd” 、“yyyy-MM-dd hh:mm:ss”，
element-ui 时间日期选择器格式化
时间日期选择器获取到的时间格式为 “Fri Sep 22 2017 00:00:00 GMT+0800 (中国标准时间)” ，
在这里插入图片描述
这时可以使用element-ui 时间日期选择器中的 format 指定输入框的格式；使用 value-format 指定绑定值的格式。

https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi

<el-date-picker
              v-model="formInline.actDate"
              value-format="yyyy-MM-dd hh:mm:ss"
              type="daterange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            ></el-date-picker>