在项目中后端返回给前端的日期不一定是能直接显示的日期,大多数是时间戳,时间戳也分毫秒和秒。所以要问清除后端 返回的是秒还是毫秒。
我知道的有两种方法,一种是moment,另外一种是自己封装全局时间过滤器
一、先说一下moment
1、输入以下命令
npm install moment --save
2、在main.js中 导入组件并定义时间格式化全局过滤器
import moment from 'moment'
Vue.filter('formatDate', function(dates, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment(dates).format(pattern)
})
3、在页面中
<span>发表时间:{
{ item.publishTime | formatDate('YYYY-MM-DD HH:mm:ss')}}</span>
如果是返回的是秒
<span>发表时间:{
{ item.publishTime*1000 | formatDate('YYYY-MM-DD HH:mm:ss')}}</span>
二、自己封装全局时间过滤器
1、在src下新建libs文件夹,并新建文件date.j