当前位置:嗨网首页>书籍在线阅读

14-用户友好的相对日期

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

15.11 用户友好的相对日期

通常,一个比较好的实践是使用相对日期来表示日期信息:比如,相对于某个日期的“三天前”。Moment.js让这件事情变得非常容易:

moment().subtract(10, 'seconds').fromNow();          // 10秒之前
moment().subtract(44, 'seconds').fromNow();          // 44秒之前
moment().subtract(45, 'seconds').fromNow();          // 45秒之前
moment().subtract(5, 'minutes').fromNow();           // 5分钟之前
moment().subtract(44, 'minutes').fromNow();          // 44 分钟之前
moment().subtract(45, 'minutes').fromNow();          // 1个小时之前
moment().subtract(5, 'hours').fromNow();             // 4小时之前
moment().subtract(21, 'hours').fromNow();            // 21小时之前
moment().subtract(22, 'hours').fromNow();            // 一天之前
moment().subtract(344, 'days').fromNow();            // 344 天之前
moment().subtract(345, 'days').fromNow();            // 一年以前

正如大家所见,Moment.js任意(但合理)选择了一些断点来决定什么时候展示成另一种时间单元。这就方便我们获取一个用户友好的相对日期。