moment在vue时间格式化

Posted on | In

Vue–moment时间格式插件安装和使用

moment文档

安装插件

1
yarn add moment -S

导入使用

1
2
3
4
5
6
7
8
9
10
import moment from 'moment'

filters: {
    dateyear(time){
        return moment(time*1000).format("YYYY年MM月DD日")
    },
    formatDate(time) {
        return moment(time*1000).format("YYYY-MM-DD HH:mm:ss")
    }
},

filters过滤器，time时间戳的形参，time为什么要乘以1000？因为我公司的后端是PHP，PHP返回的时间戳需要乘以1000,格式化的时间才准确显示。

1
2
3
<template>
    <div>{{item.add_time | formatDate}}</div>
</template>

在vue模版时间格式化的显示