告别Moment.js，五分钟引入day.js瘦身你的前端应用

2023-12-03 13:00:48

day.js的优势

day.js是一个轻量级的JavaScript日期时间库，具有以下优势：

体积小： day.js的体积仅为2kB，比Moment.js小了10倍以上。这可以显著减少前端应用的加载时间，提高页面性能。
快速： day.js的性能非常出色，在各种操作中都比Moment.js快得多。这可以使您的前端应用更加流畅，响应速度更快。
简单易用： day.js的API与Moment.js非常相似，因此如果您之前使用过Moment.js，那么您几乎不需要学习新的API即可开始使用day.js。
功能丰富： day.js提供了Moment.js的大部分功能，包括日期格式化、解析、比较、加减时间、日历操作等。

如何集成day.js

集成day.js非常简单，您可以通过以下步骤进行：

在您的HTML文件中添加day.js的脚本引用：

<script src="https://unpkg.com/dayjs@latest/dayjs.min.js"></script>

在您的JavaScript代码中，使用day.js来处理时间和日期：

const now = dayjs();
const formattedDate = now.format("YYYY-MM-DD HH:mm:ss");
const addedDays = now.add(10, "day");

day.js的实用示例

以下是一些day.js的实用示例：

格式化日期：

const date = dayjs("2023-03-08");
const formattedDate = date.format("MMMM D, YYYY"); // Output: March 8, 2023

解析日期：

const dateString = "March 8, 2023";
const date = dayjs(dateString, "MMMM D, YYYY"); // Output: 2023-03-08T00:00:00Z

比较日期：

const date1 = dayjs("2023-03-08");
const date2 = dayjs("2023-03-10");
const diff = date2.diff(date1, "day"); // Output: 2

加减时间：

const date = dayjs("2023-03-08");
const addedDays = date.add(10, "day"); // Output: 2023-03-18T00:00:00Z
const subtractedMonths = date.subtract(2, "month"); // Output: 2023-01-08T00:00:00Z

日历操作：

const date = dayjs("2023-03-08");
const startOfWeek = date.startOf("week"); // Output: 2023-03-05T00:00:00Z
const endOfWeek = date.endOf("week"); // Output: 2023-03-11T23:59:59Z
const daysInMonth = date.daysInMonth(); // Output: 31