moment.js时间格式转化moment().fromNow()和moment().from()

moment().fromNow()和moment().from()使用法
下载moment插件

**一,moment(‘时间’).fromNow()**把某个时间转化为多久以前

yarn add moment -S

a,全局引入

//引入
import moment from 'moment'
//挂载到原型
Vue.prototype.$moment = moment 
//转化为汉语, 不转化会是英语
moment.locale("zh-CN")

模板内使用

$moment('时间').fromNow()
 const dateStr = moment(this.currentDate).format('YYYY-MM-DD')// 把时间转化为  2021-01-01 格式的字符串 

函数内使用

this.$moment('时间').fromNow()

二,moment(‘时间1’).from(‘时间2’) 把时间2到时间1转化为多久以前

<template>
  <!-- 第一种:调用事件函数 -- -->
         <span>{{formDataFn(item.pubdate)}}</span>

          <!-- 第二种数据预处理 -->
          <!-- <span>{{item.pubdate}}</span> -->
</template>
<script>
// 导入 moment
import moment from 'moment'
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  },
  // created () {
  //   // 第二种,数据预处理 :先把改后的数据赋值给item.pubdate
  //   // this.item.pubdate = this.formDataFn(this.item.pubdate)
  // },
  methods: {
    // 封装 函数
    formDataFn (targetDate) {
      moment.locale('zh-cn') // 转为为汉语
      return moment(targetDate).from(new Date()) // 格式 多久以前
    }
  }
}
</script>