> 文档中心 > vue时间格式处理(YYYY-MM-DD HH:mm:ss)

vue时间格式处理(YYYY-MM-DD HH:mm:ss)

在这里插入图片描述


一🚀 我们在获取后台接口的数据时,很多时候,时间格式需要我们前端自己去处理,此时我们可以这样做 一👇👇👇

在这里插入图片描述

一⌚1、安装moment.js

npm install moment --save

一⏰2、注册

在main.js 中 引用

import moment from 'moment'Vue.prototype.$moment = moment

一⏳3、使用

<span>循环的时间:{{ $moment(item.sj).format("YYYY-MM-DD HH:mm:ss") }}</span>

一⌛4、显示年月日

<span>循环的时间:{{ $moment(item.sj).format("YYYY-MM-DD") }}</span>

在这里插入图片描述

一💰5、显示时分秒

<span>循环的时间:{{ $moment(item.sj).format("HH:mm:ss") }}</span>

在这里插入图片描述


在这里插入图片描述