el-date-picker 返回时间转换

最新推荐文章于 2025-03-27 15:18:18 发布

小松不是菜奈

最新推荐文章于 2025-03-27 15:18:18 发布

阅读量1.1k

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/L_xiaosong/article/details/129245558

版权

文章讲述了在Vue应用中使用el-date-picker组件时，如何处理接口返回的日期时间格式（如2023-02-15T16:00:00.000Z），并展示了如何通过添加:valueFormat属性（yyyy-MM-ddHH:mm:ss）来转换和显示datetime类型的时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                     <el-date-picker
                        v-model="form.startTime"
                        type="datetime"
                        placeholder="选择开始日期时间">
                      </el-date-picker>

接口返回得是 startTime: "2023-02-15T16:00:00.000Z"

然后我们要进行转换

                      <el-date-picker
                        v-model="form.endTime"
                        :valueFormat="'yyyy-MM-dd HH:mm:ss'"
                        type="datetime"
                        placeholder="选择结束日期时间">
                      </el-date-picker>

只需加上 :valueFormat="'yyyy-MM-dd HH:mm:ss'" 即可