Vue移动端dayjs结合过滤器的基本使用

import dayjs from 'dayjs'
import Vue from 'vue'

// 1、导入处理相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 2.扩展这个插件
dayjs.extend(relativeTime)
// 3.导入汉化包
import 'dayjs/locale/zh-cn'

// 4.挂在汉化包
dayjs.locale('zh-cn')

Vue.filter('formatdate', (val) => {
  return dayjs(val).from()
})

vue组件中使用

<span>{{item.pubdate | formatdate}}</span>

效果展示


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容