JavaScript日期处理类库Moment

日期时间格式化库Moment

问题

前端页面渲染的后端时间数据，格式不统一，时区不规范等问题

解决办法

安装类库 Moment

npm install moment --save

全局生效

在main.js文件中增加以下内容

import Moment from 'moment'

// 定义全局时间戳过滤器
Vue.filter('formatDate', function(value) {
  return Moment(value).format('YYYY-MM-DD HH:mm:ss')
})

在组件中配置

{{ row.update_time | formatDate }}

局部生效

在组件script中配置

import Moment from 'moment'

export default {
  components: { Pagination },
  directives: { waves },
  filters: {
    timeFliter(val) {
      return Moment(val).format('YYYY-MM-DD HH:mm:ss')
    }
  },
}

在组件中template引用

{{ row.update_time | timeFliter }}

效果