Moment.js、Day.js、Miment，日期时间库怎么选？

太阳下的蒲公英

一直以来，处理时间和日期的JavaScript库，选用的都是Momment.js。它的API清晰简单，使用方便灵巧，功能还特别齐全。
大师兄是Moment.js的重度使用者。凡是遇到时间和日期的操作，就把Moment.js引用上。
直到有天我发现加载的moment.min.js大小有19.8KB，而我的页面整体大小还不到5KB，Moment.js给我的吸引力顿减。这Moment.js体积是忒大了一点。
于是就在开源社区找到了两个精简的替代方案：Day.js和Miment。

Day.js

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

Day.js本身就是对标Moment.js进行开发的，极力兼容了Moment.js的API。官网上有一句话If you use Moment.js, you already know how to use Day.js.
我们来对比下Day.js和Moment.js的使用。

1. //解析和显示
2. dayjs().format();
3. moment().format();
4. <p>//格式化
   
6. dayjs('2021-11-18', 'YYYY-MM-DD')
   
8. moment('2021-11-18', 'YYYY-MM-DD')</p>
9. <p>//依赖原生 Javascript Date 对象
   
11. var d = new Date(2018, 8, 18);
    
13. var day = dayjs(d);
    
15. var m_day = moment(d);</p>
16. <p>//取值
    
18. dayjs().year()
    
20. moment().year()</p>
21. <p>//操作
    
23. dayjs('2020-01-25').add(1, 'day').subtract(1, 'year').year(2009);
    
25. moment('2020-01-25').add(7, 'days').subtract(1, 'months').year(2009);
    
27. </p>

复制代码

Day.js的API和Moment.js几乎一模一样，学习成本和迁移成本非常低。API调用语句绝大部分情况下可以一字不改。
Day.js的大小是多少呢？2KB。再想想Moment.js的大小，你说香不香。
Miment

Miment(“Mini Moment”)也是一个轻量级的时间库，打包压缩后体积更小：大约1KB。

作者团队保留了Moment.js中核心方法，用于应对普通场景下的需求，从而有个这个精简版的Moment。
MimentAPI分为3大类
第一类，返回其他对象的，比如format，返回的是字符串,json返回的是一个json对象。

1. miment().format('YYYY') // 2021
2. miment().json() //{"year": 2021,"month": 11,"date": 16,"hour": 16,"minute": 26,"second": 45,"day": 2,"milliSecond": 887}

复制代码

第二类，返回Miment对象。你可以在调完一个API后面继续调用另一个API,也就是我们所说的链式调用。

1. miment().add(1, 'YYYY').add(2, 'MM').add(-3, 'DD')

复制代码

需要注意的是,不能把第一类和第二类API混用。当你调完第一类方法后，返回的对象类型不是Miment对象，后面就不支持链式调用了。
第三类从Date对象继承的，也就是说Date对象有的方法，Miment也同样有。

1. miment().getFullYear() //2021
2. miment().getDate() //16

复制代码

如果你想要Moment.js的若干核心能力但又不希望包体积膨胀时，欢迎尝试Miment。
结语

是不是我们可以完全用Day.js或Miment替代Moment.js呢？
不是。其一，框架或JavaScript库本已经依赖了Moment.js，没必要用Day.js或Miment进行替代了。
其二，当需要更完善的API操作时，Moment.js毕竟功能更齐全。Miment只包含了核心功能。
除开上面两种情况，在时间操作场景下，如果Day.js和Miment更符合使用要求就可以进行替代了。
尤其对于非SSR的场合，想要精简首屏渲染速度，使用Day.js或Miment真的是非常有吸引力。
最后

【程序视点】助力打工人减负，从来不是说说而已！
后续小二哥会继续详细分享更多实用的工具和功能。持续关注，这样就不会错过之后的精彩内容啦！
如果这篇文章对你有帮助的话，别忘了【点赞】【分享】支持下哦~

来源:https://www.cnblogs.com/tanggoahead/p/18536027
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！