在vue中使用moment.js插件格式化日期

前言

Moment是一个JavaScript 日期处理类库

在vue项目中使用

安装moment.js包

npm install moment --save

定义时间格式化全局过滤器

在需要使用的组件中导入

import moment from 'moment'
export default {
  name: 'Published',
  components: {
  },
  data () {
    return {
      ....
    }
  },
  filters: {
    dateFormat (time) {
      return moment(time).format('YYYY-MM-DD HH:mm:ss')
    }
  },
  methods: {
  		.....
  }

格式化时间使用插值表达式

<div>发布时间：{{ item.deploymentTime | dateFormat }}div>

参考

Moment.js中文网