热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

优化moment.js的时间显示配置

探讨如何在moment.js中使用更精确的时间显示方式,特别是对于较近的时间点,如昨天和今天的显示。

虽然这可能不是最紧急的问题,但在某些情况下,使用日历风格的时间显示(例如“昨天”或“今天”)比相对时间(如“一天前”)更为直观和准确。

在 moment.js 中,可以通过自定义配置来实现这一点。例如,将“一天前”改为“昨天”,可以设置如下:

1
2
3
calendar : {
lastDay : '[Yesterday at] LT',
}

这里的配置将使 moment.js 在显示前一天的时间时,采用“昨天几点”的格式,而不是简单的“一天前”。这样不仅提供了更具体的时间信息,还提高了用户的阅读体验。

完整的配置示例包括了其他常见的时间显示格式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
calendar : {
sameDay : '[Today at] LT',
nextDay : '[Tomorrow at] LT',
nextWeek : 'dddd [at] LT',
lastDay : '[Yesterday at] LT',
lastWeek : '[Last] dddd [at] LT',
sameElse : 'L'
},
relativeTime : {
future : 'in %s',
past : '%s ago',
s : 'a few seconds',
m : 'a minute',
mm : '%d minutes',
h : 'an hour',
hh : '%d hours',
d : 'a day',
dd : '%d days',
M : 'a month',
MM : '%d months',
y : 'a year',
yy : '%d years'
}

通过这种方式,可以为用户提供更加详细和友好的时间信息,特别是在处理最近几天的时间时。例如,使用上述配置后,moment(moment().add(-23, 'h')).fromNow() 将返回“昨天 9:39 AM”,而不是“一天前”。这对于用户体验来说是一个显著的提升。

考虑到这一点,建议重新评估此问题的优先级,并考虑在 Flarum 项目中实施这一改进。此外,#747 与此问题无关,不应混淆。


推荐阅读
author-avatar
cgy梦回秦都
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有