el-date-picker 返回时间转换

最新推荐文章于 2025-04-11 16:55:28 发布

原创最新推荐文章于 2025-04-11 16:55:28 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

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

                     <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'" 即可