JS常用的5个时间插件

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

No.	内容链接
1	Openlayers 【入门教程】 - 【源代码+示例300+】
2	Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3	Cesium 【入门教程】 - 【源代码+图文示例200+】
4	MapboxGL【入门教程】 - 【源代码+图文示例150+】
5	前端就业宝典 【面试题+详细答案 1000+】

---

JavaScript 中有许多优秀的日期和时间处理插件，这些插件简化了日期和时间的格式化、解析以及操作。下面是五个常用的 JavaScript 时间插件及其简要介绍：

1. Moment.js

Moment.js 是一个非常流行且功能强大的日期/时间库，它提供了丰富的 API 来处理日期和时间。虽然它不再被积极维护，但它仍然是一个非常稳定的选择，并且被广泛使用。

主要特点：

• 支持多种日期和时间操作。
• 强大的日期和时间格式化与解析能力。
• 支持国际化和本地化。
• 跨浏览器兼容性好。

使用示例：

// 引入 Moment.js
import moment from 'moment';

// 获取当前时间
const now = moment();

// 格式化日期
console.log(now.format('YYYY-MM-DD HH:mm:ss'));

// 操作日期
const tomorrow = moment().add(1, 'days');
console.log(tomorrow.format('YYYY-MM-DD'));

2. Luxon

Luxon 是一个现代的日期和时间库，由 Moment.js 团队开发，提供了一套更为现代化的 API。

主要特点：

• 面向未来的设计，符合最新的 ECMAScript 标准。
• 提供了更高级的功能，如时区支持。
• 更加简洁的 API 设计。

使用示例：

// 引入 Luxon
import { DateTime } from 'luxon';

// 获取当前时间
const now = DateTime.now();

// 格式化日期
console.log(now.toFormat('yyyy-MM-dd HH:mm:ss'));

// 操作日期
const tomorrow = now.plus({ days: 1 });
console.log(tomorrow.toFormat('yyyy-MM-dd'));

3. Day.js

Day.js 是一个轻量级的日期/时间库，旨在提供与 Moment.js 类似的 API，但体积更小。

主要特点：

• 小巧轻便，体积只有 Moment.js 的一部分。
• 易于使用，API 与 Moment.js 类似。
• 支持按需加载功能模块。

使用示例：

// 引入 Day.js
import dayjs from 'dayjs';

// 获取当前时间
const now = dayjs();

// 格式化日期
console.log(now.format('YYYY-MM-DD HH:mm:ss'));

// 操作日期
const tomorrow = now.add(1, 'day');
console.log(tomorrow.format('YYYY-MM-DD'));

4. Date-fns

Date-fns 是一个由许多单个函数组成的库，专注于做一件事情并将其做好。

主要特点：

• 模块化设计，可以根据需要导入特定的函数。
• 易于理解和使用。
• 支持 TypeScript。

使用示例：

// 引入 Date-fns
import { format, addDays } from 'date-fns';

// 获取当前时间
const now = new Date();

// 格式化日期
console.log(format(now, 'yyyy-MM-dd HH:mm:ss'));

// 操作日期
const tomorrow = addDays(now, 1);
console.log(format(tomorrow, 'yyyy-MM-dd'));

5. Just Moment

Just Moment 是一个轻量级的日期/时间库，灵感来源于 Moment.js，但更加简洁和现代。

主要特点：

• 体积小，性能高。
• 提供类似于 Moment.js 的 API。
• 易于集成。

使用示例：

// 引入 Just Moment
import justMoment from 'just-moment';

// 获取当前时间
const now = justMoment();

// 格式化日期
console.log(now.format('YYYY-MM-DD HH:mm:ss'));

// 操作日期
const tomorrow = now.add(1, 'days');
console.log(tomorrow.format('YYYY-MM-DD'));

总结

以上介绍的是五个常用的 JavaScript 日期和时间处理插件。每个库都有其独特的优势和适用场景。选择哪个库取决于你的具体需求和偏好。如果你需要一个功能全面且成熟的库，可以选择 Moment.js 或 Luxon；如果你更关心库的体积大小，可以考虑 Day.js 或 Just Moment；如果你希望有一个面向未来的、高度可定制化的库，那么 Luxon 和 Date-fns 可能更适合你。