vue使用Moment.js进行时间格式化

**

一种是在表格中过滤，一种是在方法中使用

**
**

安装

**

npm install moment

第一种（过滤时间）

1.在main.js中

import * as filters from './utils/filters' // global filters

// monment时间
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

2.定义js

import Vue from 'vue'
import Momont from 'moment'

/**
 * 年-月-日 显示时间
 */
Vue.filter('csdate', function (value) {
  if (!value) {
    return ''
  }
  return Momont(value).format('YYYY-MM-DD')
})

/**
 * 年-月-日 时:分 显示时间
 */
Vue.filter('cstime', function (value) {
  if (!value) {
    return ''
  }
  return Momont(value).format('YYYY-MM-DD HH:mm')
})

3.使用

第二种（方法使用）

1.页面引用（此处没有弄全局的，直接引用到了需要的页面）

import Momont from 'moment'

2.在方法中写入（根据当前时间的格式化）（按需要复制）

switch (this.charTime) {
        case 1:
         items.start = Momont().subtract('1', 'h').format('YYYY-MM-DD HH:mm:ss') //一天前
          break;
        case 2:
          items.start = Momont().subtract('6', 'h').format('YYYY-MM-DD HH:mm:ss') //一天前
          break;
        case 3:
          items.start = Momont().subtract('12', 'h').format('YYYY-MM-DD HH:mm:ss') //一天前
          break;
        case 4:
          items.start = Momont().subtract('1', 'd').format('YYYY-MM-DD HH:mm:ss') //一天前
          break;  
        default:
          break;
      }
      items.end = Momont().format('YYYY-MM-DD HH:mm:ss')

或指定标准日期的格式化

<div>{{momentClick(datess)}}</div>

momentClick(value){
   return Momont(value).format('YYYY-MM-DD')
},

3.具体使用参考如下文章

https://blog.csdn.net/weixin_42581303/article/details/116655633