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-dateT标记了日期的时间部分的开始点。那么下面的数字就是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 对象来完成此操作的方法:

 

猜你喜欢

转载自blog.csdn.net/wly476923083/article/details/132712529
今日推荐