效果图

代码

utils.ts

通过引入utils.ts

import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime); // 相对时间
dayjs.locale('zh-cn'); // 使用本地化语言
// 需要安装cnpm i dayjs --save
/** @param time 时间字符串* @param friendly 显示xxx时间前 (显示为几分钟前 几小时前 几天前 几个月前 )*/export function getLastTimeStr(time: string, friendly: boolean) {if (friendly) {return dayjs(time).fromNow().replace(' ', '');}return dayjs(new Date(time)).format('YYYY-MM-DD HH:mm');}

main.js

import dayjs from 'dayjs'
app.config.globalProperties.day=dayjs

使用的页面

import {getLastTimeStr} from '../utils/utils'//引入setup() {const data = reactive({getLastTimeStr(time: string, friendly: boolean) {return getLastTimeStr(time, friendly);},
})
}<div>{{getLastTimeStr(item.create_at, true)}}</div>

使用day.js让时间 (显示为几分钟前 几小时前 几天前 几个月前 )相关推荐

  1. php文件不写结尾,php文件结尾不写?的好处有哪...-php判断两个日期相差天数的实...-php根据时间显示刚刚,几分钟前,几小时前的实现代码_169IT.COM...

    在分析网站日志时,经常需要取某段时间内的日期,以下的代码,可以判断两个日期相隔的天数.年数或月数. 代码如下: /* * function:计算两个日期相隔多少年,多少月,多少天 * param st ...

  2. js过滤时间方法,几分钟前,1小时前

    fifterTime(date){let date1=date.replace(/-/g,"/");let now = new Date().getTime();let t = n ...

  3. JS 获取当前时间及当天零点,当月零点,往前1小时,7天,1个月,1年

    注意:

  4. 8脚51单片机DIY时间显示+闹钟技术分享(一)

    @[8脚51单片机DIY时间显示+闹钟技术分享(一) 最近因为家里闹钟被小朋友摔坏了,所以想着买来买去还是没什么新意,不如自己做一个,这样不是更有意义吗? 那就开始吧,想着自己做就可以用最小资源来实现 ...

  5. php dede 发布时间_DedeCMS发布时间显示多少天月年前

    DedeCMS时间格式比较多,下面是使用比较多的几种格式,如果希望实现文章发布不是具体的时间,而是如本秀站网秀站网博客的:几分钟.几天.几周.几个月.几年前之类的,有两种方法. 常见时间格式 [fie ...

  6. 时间戳显示为多少分钟前,多少天前的JS处理,JS时间格式化,时间戳的转换

    var dateDiff = function (timestamp) {// 补全为13位var arrTimestamp = (timestamp + '').split('');for (var ...

  7. js获取当前时间显示在页面上

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. js \n直接显示字符串_显示N个字符的最短时间

    js \n直接显示字符串 Problem statement: 问题陈述: You need to display N similar characters on a screen. You are ...

  9. html显示日期时间代码,JS全中文显示日期时间代码

    JS全中文显示日期时间代码_网页代码站(www.webdm.cn) function number(index1){ var numberstring="一二三四五六七八九十"; ...

最新文章

  1. 大牛出品:TensorFlow 2.0入门指南
  2. C#开发之问题汇总-vs运行正常,服务器IIS上报未能加载程序集
  3. POJ3041Asteroids(二分图最少顶点覆盖)
  4. 《直播疑难杂症排查》之四:延时高
  5. 微软 Excel 365 里如何设置下拉菜单和自动高亮成指定颜色
  6. 常用原生js自定义函数
  7. Bootstrap3 面板 .panel 容器
  8. Eclipse build Android时不生成apk问题解决方法
  9. sql raiserror_SQL Server PRINT和SQL Server RAISERROR语句
  10. 解决Sql中DIstinct与Order By共同使用的冲突问题
  11. 【响应式布局】理解设备像素、设备独立像素和css像素
  12. android ndk opencv 3,opencv_and_opencv_contrib
  13. 设置Response中的ContentType
  14. yolo使用webcam
  15. OpenCasCade由一个基础形状拉伸形成其它形状的问题
  16. 线性(欧拉)筛法筛素数表
  17. 基于微信公众平台API的菜谱小程序 的设计与实现
  18. 深入理解Java虚拟机读书笔记之垃圾收集器与内存分配策略
  19. python罗盘时钟代码_jQuery css3创意的罗盘时钟代码
  20. Qt问题:中文乱码+常量中有换行符

热门文章

  1. 易语言利用WMI获取磁盘信息源码
  2. android 自动相机 图片旋转问题,Android部分手机拍照后获取的图片被旋转问题的解决方法...
  3. 第一次spring会议
  4. 今日之坑-unity AssetDatabase.FindAssets和LoadAllAssetsAtPath使用
  5. STM32 F407霸天虎下用RT-Thread studio写I2C驱动
  6. 朗润国际期货:北向资金大单买入报告
  7. ZHEYI自动采集壁纸系统网站源码 360壁纸官方数据接口采集
  8. 5.让表格的标题在滚动表格时一动不动
  9. 非技术文—关于英语和如何正确的提问
  10. python安卓手机爬虫_python爬虫实战之爬取安卓apk