dayjs 库作用

Day.js 是一个轻量的 JavaScript 时间日期处理库。

一、简洁易用的 API

1. 时间日期的创建与格式化

可以方便地创建一个特定的时间日期对象。例如,使用 `dayjs('2024-10-15')` 创建一个表示 2024 年 10 月 15 日的时间日期对象。

例如:`dayjs().format('YYYY-MM-DD HH:mm:ss')` 可以将当前时间格式化为“年-月-日 时:分:秒”的格式。

const date = dayjs("2024-10-15");

console.log(date.format("MM/DD/YYYY")); // 10/15/2024

2. 相对时间的表示

能够以简洁的方式表示相对时间,比如“几分钟前”、“几小时前”、“几天前”等。这在显示用户友好的时间信息时非常有用。

例如:`dayjs().fromNow()` 可以返回当前时间相对于现在的相对时间描述。如果当前时间是 2024 年 10 月 15 日 10:00,而另一个时间是 2024 年 10 月 15 日 09:30,那么 `dayjs('2024-10-15 09:30').fromNow()` 可能会返回“30 分钟前”。

const pastDate = dayjs("2024-10-15 09:30");

console.log(pastDate.fromNow()); // 30 分钟前

二、强大的时间日期操作

1. 时间日期的加减

可以方便地对时间日期进行加减操作,比如增加或减少几天、几个月、几年等。

例如:`dayjs().add(7, 'day')` 可以将当前时间增加 7 天,`dayjs().subtract(2, 'month')` 可以将当前时间减去 2 个月。

const futureDate = dayjs().add(3, "day");

console.log(futureDate.format("YYYY-MM-DD")); // 当前时间加 3 天后的日期

2. 时间日期的比较

提供了方便的方法来比较两个时间日期的先后顺序。

例如:`dayjs('2024-10-15').isAfter('2024-10-14')` 返回 `true`,表示 2024 年 10 月 15 日在 2024 年 10 月 14 日之后。`dayjs('2024-10-15').isSame('2024-10-15')` 返回 `true`,表示两个时间日期相同。

const date1 = dayjs("2024-10-15");

const date2 = dayjs("2024-10-16");

console.log(date1.isBefore(date2)); // true

三、高效轻量

1. 体积小

Day.js 的体积非常小,这使得它在前端项目中加载速度快,不会对页面性能造成过大的负担。尤其适合移动设备和对性能要求较高的应用场景。

2. 性能高效

在时间日期处理方面,Day.js 经过优化,执行速度快,能够满足大多数应用的需求。无论是在大量数据的处理中,还是在实时交互的应用中,都能保持良好的性能表现。

总结:Day.js 是一个功能强大、简洁易用、高效轻量的时间日期处理库,适用于各种 JavaScript 项目,特别是在前端开发中,可以帮助开发者轻松处理时间日期相关的任务,提高开发效率。

猜你喜欢

转载自blog.csdn.net/weixin_64684095/article/details/143271285