五分钟减轻你的前端应用 ﹣ day.js 篇-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，日期和时间处理是很常见的需求。而对于 JavaScript 开发者来说，Moment.js 是一个流行的日期库。但是随着 Moment.js 的维护停止和体积较大等问题，Day.js 成为了一个备受欢迎的替代品。

Day.js 简介

Day.js 是一个轻量级的 JavaScript 库，专注于解决日期、时间格式化和计算等问题。它提供了类似 Moment.js 的 API，但仅有 2KB 左右的大小，在性能和体积上都要优于 Moment.js。

安装 Day.js

你可以使用 npm 或者 CDN 来引入 Day.js 到你的项目中。以下是两种方式的示例：

使用 npm 安装

npm install dayjs

使用 CDN 引入

<script src="https://cdn.jsdelivr.net/npm/dayjs"></script>

Day.js 基本使用

下面我们来看一些 Day.js 的基本使用方式。

获取当前时间

const now = dayjs(); // 获取当前时间
console.log(now.format('YYYY-MM-DD HH:mm:ss')); // 输出当前时间字符串

格式化时间

const myDate = dayjs('2023-04-07 10:30:00'); // 创建一个时间对象
console.log(myDate.format('YYYY-MM-DD HH:mm:ss')); // 输出格式化后的日期字符串

计算时间

const now = dayjs(); // 获取当前时间
const oneHourLater = now.add(1, 'hour'); // 计算一小时之后的时间
console.log(oneHourLater.format('YYYY-MM-DD HH:mm:ss')); // 输出一小时之后的时间字符串

Day.js 进阶使用

Day.js 提供了大量的 API，可以帮助你完成更加复杂的日期和时间处理。下面是一些进阶用法的示例。

处理时区

const myDate = dayjs('2023-04-07T10:30:00+09:00').utcOffset(480); // 创建一个带有时区信息的时间对象
console.log(myDate.format('YYYY-MM-DDTHH:mm:ssZ')); // 输出 UTC 时间格式的字符串
console.log(myDate.local().format('YYYY-MM-DD HH:mm:ss')); // 输出本地时间格式的字符串

计算时间差

const start = dayjs('2023-04-07 10:00:00'); // 创建起始时间对象
const end = dayjs('2023-04-07 11:30:00'); // 创建结束时间对象
const duration = end.diff(start, 'minute'); // 计算两个时间之间的分钟数
console.log(duration); // 输出时间差

获取相对时间

const myDate = dayjs('2023-04-07T10:30:00');
console.log(myDate.fromNow()); // 输出相对时间，如：2 小时前

总结

Day.js 是一个轻量级、高性能的日期库，可以帮助开发者轻松处理日期和时间相关的问题。本文介绍了 Day.js 的基本使用和进阶用法，并提供了相应的示例代码。希望这篇文章可以帮助你更加高效地处理前端应用中的日期和时间问题。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/40720

五分钟减轻你的前端应用 ﹣ day.js 篇