前言

现在互联网上的信息越来越多，很多应用也比较关注信息的展示，提到信息，自然少不了提到信息时效性的重要性，因此很多时候你会看到信息的展示不仅仅显示当前的时间，而是显示信息过去了的时长。

它能给我们带来更直观的信息时效，所以这个信息该如何显示呢？

moment

moment是一个时间格式化的依赖，很多人都已经听说过了。

$ npm i moment

它提供了一个方法，当我们把js日期时间对象传入moment，时间表示2022/7/18 下午4:55:20。

然后我在2022/7/18 下午5:00:20调用，就得到了“5 minutes ago”这样的字符串，意思5分钟前，表示现在距离当时过去了5分钟。

import moment from 'moment'const datetime = new Date('2022-07-18T16:55:20')const fromTime = moment(datetime).fromNow()console.log(fromTime) // 5 minutes ago

转译成中文

当然我们不可能把英文结果展示给用户看，万一用户不认识英文怎么办，因此我们得先进行转义。

import moment from 'moment'moment.defineLocale('zh-cn', {relativeTime: {future: '%s内',past: '%s前',s: '几秒',m: '1分钟',mm: '%d分钟',h: '1小时',hh: '%d小时',d: '1天',dd: '%d天',M: '1个月',MM: '%d个月',y: '1年',yy: '%d年'},
});const datetime = new Date('2022-07-18T16:55:20')const fromTime = moment(datetime).fromNow()console.log(fromTime) // 5分钟前

尾言

如果觉得文章还不错的话，欢迎点赞收藏哦，有什么错误或者意见建议也可以留言，感谢~

如何让moment根据对应时间显示几秒前、几分钟前、几天前？相关推荐

系统时间显示到秒-Windows10
使用win10系统的用户应该都发现了,Win10系统右下角时间只显示到分,不会显示到秒,如果想要看到秒的话,需要点击一下时间才会弹出. 那么,Win10系统时间怎么显示到秒?下面,就和小编一起来看看吧 ...
win11任务栏时间显示到秒的操作方法
有小伙伴升级到win11系统之后,发现任务栏的时间不能显示秒了,使用起来非常不习惯,有什么办法可以恢复时间的秒数吗?下面小编就跟大家讲讲吧. Win11为什么时间不能显示秒? 微软表示,在Win11中 ...
windows时间显示到秒
在注册表中定位到 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced, 在空白处右击,选择新建 ...
python datetime 时间加一秒，一分钟
通过笔者的上一篇文章,大家应该了解了python中datetime,time,string的相互转换,这里讲一个比较常用的操作,那就是时间偏移函数的设计,也就是time offset的函数的方法获取 ...
oracle 系统时间加一秒、一分钟、一小时、一天
trunc(sysdate,'yyyy-mm-dd hh24:mi') 是取当前系统时间. +1/24 就是加上一小时. 以此类推 sysdate+1 加一天 sysdate+1/24 加1小时 sy ...
PHP CodeBase: 将时间显示为“刚刚”“n分钟/小时前”等
为什么80%的码农都做不了架构师?>>> 在很多场合为了显示出信息的及时性,一般会将时间显示成"刚刚","5分钟前","3小时 ...
【Windows】windows10时间显示秒数
一般情况下windows10的电脑时间只显示小时和分钟,但是有的用户想要时间显示更加精细,那么windows10时间怎么显示秒呢?大家可以通过修改注册表的方式进行设置:打开注册表编辑器,定位到Adva ...
指为服务器指定超时时限为5分钟,微信服务器连接公众号开发者服务器时发生超时，超时时间为5秒，这是什么问题引起的？...
Appid: wx10d9ea1837d670fe 昵称: 中山电信时间: 2021-04-13 18:06:01 内容: 微信服务器连接公众号开发者服务器时发生超时,超时时间为5秒次数: 5分钟 ...
mysql根据时间取前后几秒，几分钟,几小时，几天，几月，几年
1.当前时间 select current_timestamp; SELECT NOW(); 2.当前时间前几秒,几分钟,几小时,几天,几月,几年 select SUBDATE(now(),inter ...

如何让moment根据对应时间显示几秒前、几分钟前、几天前？

目录

前言

moment

转译成中文

尾言

如何让moment根据对应时间显示几秒前、几分钟前、几天前？相关推荐

最新文章

热门文章