碎言博客
·
使用Moment.js或Day.js对HTML页面上的时间进行格式化
💡
原文中文，约2100字，阅读约需5分钟。
📝
内容提要
本文介绍了如何使用Moment.js和Day.js库对HTML页面上的时间进行格式化。虽然Moment.js功能强大，但已进入维护模式，推荐使用Day.js作为替代。通过简单的代码修改，可以实现时间的相对显示效果，使其更人性化。
🎯
关键要点
- Moment.js和Day.js是两个用于时间处理的JavaScript库。
- Moment.js功能强大，但已进入维护模式，推荐使用Day.js作为替代。
- 使用Moment.js时，需要引入moment.min.js和moment-with-locales.min.js。
- 通过jQuery代码，可以将时间格式化为相对时间，例如'几秒钟前'、'一小时前'等。
- Day.js是Moment.js的极简替代品，使用类似的API，替换过程简单。
- 使用Day.js时，需要引入dayjs.min.js、relativeTime.js和locale/zh-cn.js。
- Day.js的使用方法与Moment.js相似，只需将库名称从moment改为dayjs。
❓
延伸问答
Moment.js和Day.js有什么区别？
Moment.js功能强大但已进入维护模式，推荐使用Day.js作为替代，后者是极简替代品，API相似。
如何在HTML页面上使用Moment.js格式化时间？
引入moment.min.js和moment-with-locales.min.js，然后使用jQuery代码将时间格式化为相对时间。
Day.js的使用方法是什么？
引入dayjs.min.js、relativeTime.js和locale/zh-cn.js，然后使用类似Moment.js的代码格式化时间。
为什么推荐使用Day.js而不是Moment.js？
因为Moment.js已进入维护模式，不再推荐用于新项目，而Day.js是更轻量的替代品。
如何将时间格式化为相对时间？
使用jQuery和Moment.js或Day.js的fromNow()方法，可以将时间格式化为如'几秒钟前'的形式。
在使用Day.js时需要引入哪些文件？
需要引入dayjs.min.js、relativeTime.js和locale/zh-cn.js。
➡️
