vue 移动端 项目 封装day.js 日期（代码及效果图）

效果图：

下载dayjs

yarn add dayjs 或npm add dayjs

在untils文件夹下封装 date.js 文件进行封装

//封装专门处理时间的方法

import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime"; // import plugin//到指定时间需要插件

import 'dayjs/locale/zh' // import locale
//集成中文
/** 
* 。。。多久之前
* @parm{*} 之间的时间 
* @returns 系统时间到之前指定时间的距离值
 **/
export const timeAgo=(targetTime)=>{
  //格式化时间
  dayjs.extend(relativeTime)
  dayjs.locale('zh')
  var a=dayjs()
  var b=dayjs(targetTime)
  return a.to(b)
}

在需要使用的页面当中引入

import {timeAgo} from '@/untils/data.js'

由于直接引过来不可以直接使用，所以需要在方法里转换

 methods:{
   formatTime:timeAgo //函数体就是formatTime
 }

在需要用的地方直接导入即可！