欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 国际 > Day.js一个2k轻量级的时间日期处理库

Day.js一个2k轻量级的时间日期处理库

2025/5/1 19:44:40 来源:https://blog.csdn.net/tianlu930/article/details/147638524  浏览:    关键词:Day.js一个2k轻量级的时间日期处理库

dayjs介绍

dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。 Day.js 的 API 与 Moment.js 高度相似,因此对于熟悉 Moment.js 的开发者来说,迁移到 Day.js 非常容易。
在这里插入图片描述

Dayjs文档

最早找到的一个算是中文的dayjs中文官网
https://dayjs.uihtm.com

使用场景

Day.js 适用于各种需要处理日期和时间的场景,例如:

  • 在 Web 应用中显示和格式化日期
  • 处理用户输入的日期
  • 计算倒计时或时间间隔
  • 在日历应用中管理事件日期
  • 在数据可视化中处理时间序列数据

安装 Day.js
可以通过 npm 或 yarn 安装 Day.js:

安装 Day.js
可以通过 npmyarn 安装 Day.js:

或者

yarn add dayjs

你也可以通过 CDN 直接在 HTML 文件中引入 Day.js:

<script src="https://unpkg.com/dayjs"></script>

如何使用 Day.js

基本用法

首先,引入 Day.js:

import dayjs from 'dayjs';

然后,你可以使用 Day.js 来解析和格式化日期:

const now = dayjs();
console.log(now.format('YYYY-MM-DD')); // 输出当前日期,例如:2023-10-01

解析日期

Day.js 可以解析多种格式的日期:

const date = dayjs('2023-10-01');
console.log(date.format('MMMM D, YYYY')); // 输出:October 1, 2023

操作日期

你可以轻松地添加或减去时间:

const tomorrow = dayjs().add(1, 'day');
console.log(tomorrow.format('YYYY-MM-DD')); // 输出明天的日期const lastWeek = dayjs().subtract(1, 'week');
console.log(lastWeek.format('YYYY-MM-DD')); // 输出一周前的日期

比较日期

Day.js 提供了多种方法来比较日期:

const date1 = dayjs('2023-10-01');
const date2 = dayjs('2023-10-02');console.log(date1.isBefore(date2)); // true
console.log(date1.isAfter(date2)); // false
console.log(date1.isSame(date2, 'day')); // false

本地化支持

Day.js 支持多种语言的本地化:

import 'dayjs/locale/zh-cn'; // 引入中文本地化dayjs.locale('zh-cn'); // 设置为中文
console.log(dayjs().format('MMMM D, YYYY')); // 输出:十月 1, 2023

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词