dayjs cdn

什么是dayjs？

dayjs是一个轻量级的JavaScript日期工具库，它占用空间非常小（仅有2kb左右），并且具有Moment.js类似的API接口，能够解析、验证、操作和显示日期。dayjs主要是为了减小包大小、增加可读性和维护性而设计的。它同样可以在浏览器上使用，也可以在Node.js环境下使用。

dayjs的优势及特点

dayjs与其他日期库相比具有很多优势和特点，它可以实现以下一些功能：

• 性能优异：保存小的bundle size是dayjs的主要目标之一，这使得它的性能相对于其他库来说更快。
• API设计紧凑：dayjs的API设计借鉴了Moment.js，它的接口非常紧凑，使得用户能够快速上手并熟悉API。
• 两个核心概念：dayjs提供两个核心概念——Plugin和Locale——Plugin用于自定义业务逻辑，是dayjs灵活性很高的一部分；Locale用于本地化，使之在多语言环境下更具可用性。

如何使用dayjs？

dayjs的使用非常简单，在HTML中导入dayjs的最小模块，可以使用CDN加速，下面是一个简单的例子：

```html const dayjs = window.dayjs; // 导入 dayjs const date1 = dayjs(); // 获取当前时间 const date2 = dayjs('2020-04-01'); // 获取指定日期 // 输出结果 console.log(date1.format('YYYY/MM/DD HH:mm:ss')); console.log(date2.format('YYYY/MM/DD HH:mm:ss'));```

dayjs的API介绍

dayjs的API接口与Moment.js相似，它支持所有的日期格式化、解析、操作和比较操作。这里给出一些dayjs中常用的API函数：

• dayjs().format()：格式化展示日期，常用的格式化方式有年月日、星期、12/24小时制、时分秒等。
• dayjs().add(7, 'day')：在当前日期增加指定时间单位。
• dayjs().subtract(1, 'hour')：在当前日期减少指定时间单位。
• dayjs().isLeapYear()： 判断当前年份是否为闰年。
• dayjs().set()：设置当前日期的指定属性。
• dayjs().get()：获取当前日期的指定属性。

dayjs插件的使用

dayjs的插件功能非常灵活，可以根据自己的需要开发、添加插件。这里举例dayjs官方提供的一个插件dayjs_plugin_relativeTime，它可以使时间显示更加友好。这里是一个简单使用这个插件的示例：

```html

1秒之前:

const dayjs = window.dayjs; // 导入 dayjs const relativeTime = window.dayjs_plugin_relativeTime; // 导入需要加载的插件 dayjs.extend(relativeTime); // 引入插件 const date = dayjs().subtract(1, 'second'); // 输出相对时间 document.getElementById('time').innerHTML = date.toNow();```

总结

dayjs是一个非常轻量级、使用非常简单的日期处理库，它支持常用的日期处理操作（格式化、解析、格式化、本地化等）。与其他库相比，它具有运行速度快、体积小、API接口紧凑、模块化和可扩展性好等优点，使用十分方便，可以作为日常开发中处理时间和日期的工具库。