1.安装dayjs包
npm install dayjs
2.在utils里面建一个day.js里面放代码
// 封装专门处理时间的 方法
import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime' // 到指定时间需要的插件
import 'dayjs/locale/zh' // 集成中文
// JSDOC注释, 文档注释
/**
* .....多久之前
* @param {*} 之前的时间
* @returns 系统时间到之前指定时间的距离值
*/
export const timeAgo = (targetTime) => {
// 格式化时间
dayjs.extend(relativeTime)
dayjs.locale('zh')
var a = dayjs()
var b = dayjs(targetTime)
return a.to(b) // 返回多久之前...
}
export const formatDate = (dateObj) => {
return dayjs(dateObj).format('YYYY-MM-DD')
}
3.别人问么调用呢?
a.先引入文件
import { timeAgo } from '@/utils/date.js'
b.再在methods里面写入
methods: { formatTime: timeAgo, // 函数体是timeAgo }
c.然后就可以用了
<span>{{ formatTime(artObj.pubdate) }}</span>
4.效果

2035

被折叠的 条评论
为什么被折叠?



