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>