当涉及到在 JavaScript 中处理日期和时间时,开发人员经常发现自己正在努力应对内置对象的复杂性Date。
虽然普通 JavaScript 提供了基本功能,但使用起来可能相当麻烦,尤其是在处理解析、格式化和操作日期时。
这就是像 DayJS 这样的外部库发挥作用的地方,它提供了大量的优势,使处理日期和时间变得轻而易举。
在这篇文章中,我将向您介绍 DayJS 以及这个小型库如何极大地提高您的代码库和生产力。
我们将介绍以下内容:
-
如何安装DayJS库
-
如何在 JavaScript 中使用日期和时间
-
如何利用 DayJS 库使这些函数更简单、更简洁、更具可读性
-
vanilla JS 和 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 对象来完成此操作的方法: