JavaScript 日期 – 如何使用 DayJS 库在 JS 中处理日期和时间

当涉及到在 JavaScript 中处理日期和时间时，开发人员经常发现自己正在努力应对内置对象的复杂性Date。

虽然普通 JavaScript 提供了基本功能，但使用起来可能相当麻烦，尤其是在处理解析、格式化和操作日期时。

这就是像 DayJS 这样的外部库发挥作用的地方，它提供了大量的优势，使处理日期和时间变得轻而易举。

在这篇文章中，我将向您介绍 DayJS 以及这个小型库如何极大地提高您的代码库和生产力。

我们将介绍以下内容：

• 如何安装DayJS库

• 如何在 JavaScript 中使用日期和时间

• 如何利用 DayJS 库使这些函数更简单、更简洁、更具可读性

• vanilla JS 和 DayJS 中执行功能的比较

• DayJS 库中提供的有用函数

目录：

JavaScript 中日期对象的快速介绍

如何安装 DayJS 库

DayJS API 和基本语法

DayJS 的模块化

DayJS 中的可变性

DayJS 中的不可变性和不可变对象

解析灵活性

如何添加或减去日期和时间

如何在 DayJS 中比较日期

如何获取两个日期之间的差异

如何获取时间段的开始或结束

DayJS中如何组合函数

结论

DayJS 图书馆

DayJS 的模块化

DayJS 中的可变性

DayJS 还能做什么？

---

JavaScript 中日期对象的快速介绍

您可以使用DateJavaScript 中的对象来处理日期和时间段。但有时处理对象Date可能很麻烦，并且日期/时间可能很难操作。

让我们看看如何在 JavaScript 中获取今天的日期：

var date = new Date();

够简单吧？这将为我们提供一个 ISO 日期（这是通用日期格式），其输出如下：
2023-07-16T14:51:47.557Z

因此您可以看到，在 中year-month-date，T标记了日期的时间部分的开始点。那么下面的数字就是hours:minutes:seconds.fractional seconds。末尾的Z表示没有指定时区，应使用 UTC 时区（发音为“Zulu”）。

您可以在此处阅读有关此格式的更多信息。

DayJS 图书馆

现在，我并不是说处理日期和时间的其他方法是错误的，但由于它们的复杂性，对我来说，它们似乎不值得麻烦。

在处理代码中的日期和时间时，我想要一个易于使用、开箱即用的解决方案，该解决方案可以增加代码的可读性并提供灵活性。

这就是 DayJS 发挥作用的地方。这是在 JavaScript 中以库的形式处理日期和时间的另一种方法。

与其他图书馆不同，这个图书馆的规模非常小。例如，有一些开发人员使用的另一个常见库称为MomentJs，但它的文件大小非常大。Moment.js 本身为280.9kb，在包含时区库后增加到467.6kb（允许您设置默认时区，并根据特定时区操作日期）。

在为网络和移动设备进行开发时，我们确实希望避免大型导入和库文件，以帮助提高加载速度和包大小。

DayJs 的大小为令人印象深刻的2kb——这是一个非常小的文件大小，特别是考虑到它的能力和功能。

如何安装 DayJS 库

为了从本教程中学到最多的东西，我强烈建议安装 DayJS，这样您就可以按照示例和要点进行操作。

DayJS 可以使用以下命令通过yarn 或 npm 包管理器轻松安装

// yarnyarn add dayjs//nodenpm install dayjs

要在文件中使用 DayJS .js，只需使用常规导入语法导入它：

import dayjs from 'dayjs'

DayJS API 和基本语法

在普通 JavaScript 中处理日期和时间通常涉及多个方法调用和计算。这使得代码过于冗长并且难以阅读。

DayJS 库通过提供更加直观和简化的 API 来解决这个问题，这极大地简化了日期和时间操作。

考虑将日期格式化为特定格式的任务，例如“YYYY-MM-DD HH:mm:ss”（年-月-日 24 小时:分钟:秒）。

以下是使用普通 JavaScript 的 Date 对象来完成此操作的方法：