安裝引用配置:
cnpm install moment --save
main.js:
import moment from 'moment'
moment.lang('zh-cn')
Vue.prototype.$moment = moment
使用:
/**
* 時(shí)間格式化
* 時(shí)間處理邏輯
* 3分鐘以內(nèi)播玖,顯示為剛剛,
* 3分以上當(dāng)天之內(nèi)顯示上午下午 饭于,不處理
* 1-3天顯示昨天蜀踏,昨天,前天 掰吕,不處理
* 大于3天直接顯示完整時(shí)間格式
*/
dateFmt(time) {
let timestr = this.$moment(time).startOf('day').fromNow()
let unixtime = this.$moment().unix()*1000
let odate = new Date(new Date().setHours(0, 0, 0, 0)).getTime() // 當(dāng)天0點(diǎn)
// 大于3分鐘
if(unixtime - time >= (3*60*1000) ) {
// 大于今天的0點(diǎn)果覆,即為今天的時(shí)間
if(time >= odate) {
timestr = this.$moment(time).format('A') + this.$moment(time).format('H:mm')
}else {
timestr = this.$moment(time).format('MMMM Do YYYY, h:mm:ss a')
}
} else {
timestr = '剛剛';
}
return timestr
},