使用day.js让时间 (显示为几分钟前 几小时前 几天前 几个月前 )
效果图
代码
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让时间 (显示为几分钟前 几小时前 几天前 几个月前 )相关推荐
- php文件不写结尾,php文件结尾不写?的好处有哪...-php判断两个日期相差天数的实...-php根据时间显示刚刚,几分钟前,几小时前的实现代码_169IT.COM...
在分析网站日志时,经常需要取某段时间内的日期,以下的代码,可以判断两个日期相隔的天数.年数或月数. 代码如下: /* * function:计算两个日期相隔多少年,多少月,多少天 * param st ...
- js过滤时间方法,几分钟前,1小时前
fifterTime(date){let date1=date.replace(/-/g,"/");let now = new Date().getTime();let t = n ...
- JS 获取当前时间及当天零点,当月零点,往前1小时,7天,1个月,1年
注意:
- 8脚51单片机DIY时间显示+闹钟技术分享(一)
@[8脚51单片机DIY时间显示+闹钟技术分享(一) 最近因为家里闹钟被小朋友摔坏了,所以想着买来买去还是没什么新意,不如自己做一个,这样不是更有意义吗? 那就开始吧,想着自己做就可以用最小资源来实现 ...
- php dede 发布时间_DedeCMS发布时间显示多少天月年前
DedeCMS时间格式比较多,下面是使用比较多的几种格式,如果希望实现文章发布不是具体的时间,而是如本秀站网秀站网博客的:几分钟.几天.几周.几个月.几年前之类的,有两种方法. 常见时间格式 [fie ...
- 时间戳显示为多少分钟前,多少天前的JS处理,JS时间格式化,时间戳的转换
var dateDiff = function (timestamp) {// 补全为13位var arrTimestamp = (timestamp + '').split('');for (var ...
- js获取当前时间显示在页面上
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js \n直接显示字符串_显示N个字符的最短时间
js \n直接显示字符串 Problem statement: 问题陈述: You need to display N similar characters on a screen. You are ...
- html显示日期时间代码,JS全中文显示日期时间代码
JS全中文显示日期时间代码_网页代码站(www.webdm.cn) function number(index1){ var numberstring="一二三四五六七八九十"; ...
最新文章
- 大牛出品:TensorFlow 2.0入门指南
- C#开发之问题汇总-vs运行正常,服务器IIS上报未能加载程序集
- POJ3041Asteroids(二分图最少顶点覆盖)
- 《直播疑难杂症排查》之四:延时高
- 微软 Excel 365 里如何设置下拉菜单和自动高亮成指定颜色
- 常用原生js自定义函数
- Bootstrap3 面板 .panel 容器
- Eclipse build Android时不生成apk问题解决方法
- sql raiserror_SQL Server PRINT和SQL Server RAISERROR语句
- 解决Sql中DIstinct与Order By共同使用的冲突问题
- 【响应式布局】理解设备像素、设备独立像素和css像素
- android ndk opencv 3,opencv_and_opencv_contrib
- 设置Response中的ContentType
- yolo使用webcam
- OpenCasCade由一个基础形状拉伸形成其它形状的问题
- 线性(欧拉)筛法筛素数表
- 基于微信公众平台API的菜谱小程序 的设计与实现
- 深入理解Java虚拟机读书笔记之垃圾收集器与内存分配策略
- python罗盘时钟代码_jQuery css3创意的罗盘时钟代码
- Qt问题:中文乱码+常量中有换行符
热门文章
- 易语言利用WMI获取磁盘信息源码
- android 自动相机 图片旋转问题,Android部分手机拍照后获取的图片被旋转问题的解决方法...
- 第一次spring会议
- 今日之坑-unity AssetDatabase.FindAssets和LoadAllAssetsAtPath使用
- STM32 F407霸天虎下用RT-Thread studio写I2C驱动
- 朗润国际期货:北向资金大单买入报告
- ZHEYI自动采集壁纸系统网站源码 360壁纸官方数据接口采集
- 5.让表格的标题在滚动表格时一动不动
- 非技术文—关于英语和如何正确的提问
- python安卓手机爬虫_python爬虫实战之爬取安卓apk