7.2. 使用 Moment.js

本教程最新版为 2.1,当前版本已放弃维护,请阅读最新版本!

优化最后更新时间

上一节的话题列表中,话题的 更新时间 我们直接使用了话题的 updated_at 属性,更好的显示方式为 x 分钟前x 小时前。在 PHP 中我们可以使用 CarbondiffForHumans 方法格式化时间,小程序中我们也需要一个类似的工具。Moment.js 就是这样一个处理时间的工具,下面我们来安装并使用它。

很多人可能第一时间想到的解决方案是修改接口,让接口默认将时间格式化为 x 分钟前,这样虽说能解决问题,但是十分不推荐,因为:

  1. 接口不应该知道客户端需要如何显示数据,接口只需要做到数据统一,时间应该返回统一的格式;
  2. 接口是独立的,不会与页面耦合,不应该因为客户端的显示需求而修改接口。

安装 Moment.js

首先需要安装 Moment.js:

$ cd ~/Code/larabbs-weapp
$ yarn add moment<...>

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
贡献者:1
讨论数量: 0

暂无话题~