探秘 Day.js:轻量级日期处理神器来袭

news2024/10/21 15:37:32

Day.js:轻量级的日期处理库

在 JavaScript 开发中,经常需要处理日期和时间。而 Day.js 就是一个强大且轻量级的日期处理库,它提供了简洁、直观的 API,让日期处理变得轻松高效。本文将详细介绍 Day.js 是什么,以及如何安装和使用它。

一、Day.js 是什么

Day.js 是一个极简的 JavaScript 日期库,它与 Moment.js 有着相似的 API,但体积更小、性能更高。Day.js 可以帮助你轻松地进行日期格式化、解析、计算、比较等操作。
以下是 Day.js 的一些主要特点:

  • 轻量级:Day.js 的体积非常小,加载速度快,不会给项目带来过多的负担。
  • 简单易用:提供了简洁明了的 API,易于学习和使用。
  • 链式调用:支持链式调用,让代码更加简洁流畅。
  • 丰富的插件:可以通过安装插件来扩展功能。
  • 国际化支持:可以处理不同地区的日期格式和时区。

二、安装 Day.js

1. 使用 npm

可以通过以下命令安装Day.js:

# Using npm
npm install dayjs

# Using pnpm
pnpm add dayjs

# Using yarn
yarn add dayjs
2. 使用 CDN引入

CDN引入(网络不稳定的时候,可能需要翻墙)

<script src="https://cdn.jsdelivr.net/npm/dayjs/dayjs.min.js"></script>
<script>dayjs().format()</script>

三、使用 Day.js

1. 日期格式化

使用 Day.js 可以轻松地将日期格式化为不同的字符串形式。例如:

const dayjs = require('dayjs');
// import dayjs from 'dayjs' // ES 2015
const date = dayjs();

console.log(date.format('YYYY-MM-DD')); // 当前日期,格式为年-月-日
console.log(date.format('HH:mm:ss')); // 当前时间,格式为小时:分钟:秒
console.log(date.format('YYYY-MM-DD HH:mm:ss')); // 当前日期和时间,格式为年-月-日 小时:分钟:秒
2. 日期解析

可以将字符串解析为日期对象。例如:

const dayjs = require('dayjs');

const dateStr = '2024-10-21';
const date = dayjs(dateStr);
console.log(date); // 解析后的日期对象
3. 日期计算

支持日期的加减运算。例如:

const dayjs = require('dayjs');

const date = dayjs();
const futureDate = date.add(7, 'day');
console.log(futureDate); // 当前日期加上 7 天后的日期
4. 日期比较

可以比较两个日期的大小。例如:

const dayjs = require('dayjs');

const date1 = dayjs('2024-10-21');
const date2 = dayjs('2024-10-22');
console.log(date1.isBefore(date2)); // true,date1 在 date2 之前
console.log(date2.isAfter(date1)); // true,date2 在 date1 之后

四、总结

Day.js 是一个非常实用的日期处理库,它的轻量级、简单易用和丰富的功能使其成为 JavaScript 开发中的得力助手。通过简单的安装和使用,你可以轻松地处理各种日期相关的任务,提高开发效率。无论是日期格式化、解析、计算还是比较,Day.js 都能为你提供便捷的解决方案。希望本文对你了解和使用 Day.js 有所帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2220123.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于springboot vue的音乐播放系统设计与实现

博主介绍&#xff1a;专注于Java&#xff08;springboot ssm 等开发框架&#xff09; vue .net php phython node.js uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设&#xff0c;从业十五余年开发设计教学工作 ☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不…

【Postman】如何导出导入数据文件?Postman链接分享?

方式一&#xff1a;postman分享链接 1.1 导出 1.2 导入 1.3 导入完成后删除分享的链接 方式二&#xff1a;postman导出导入json 2.1 导出 2.2 post导入json数据

智慧监管:EasyCVR视频汇聚智能分析平台助力有限空间作业实现全天候可视化监控

随着工业化和城市化进程的加快&#xff0c;有限空间作业&#xff08;如地下管道、储罐、隧道等&#xff09;在各类企事业单位中日益频繁。然而&#xff0c;这类作业环境复杂、危险系数高&#xff0c;对作业人员的安全管理和实时监控提出了严峻挑战。为了保障有限空间作业的安全…

基于Java的茶叶商城设计与实现(源码+定制+开发)茶叶电商系统开发、茶叶电商平台开发、茶叶在线销售平台设计与开发

博主介绍&#xff1a; ✌我是阿龙&#xff0c;一名专注于Java技术领域的程序员&#xff0c;全网拥有10W粉丝。作为CSDN特邀作者、博客专家、新星计划导师&#xff0c;我在计算机毕业设计开发方面积累了丰富的经验。同时&#xff0c;我也是掘金、华为云、阿里云、InfoQ等平台…

cocos Creator + fairyGUI 快速入门

版本 Creator 3.8.x&#xff0c;FairyGUI 2022 大部分内容来自 https://en.fairygui.com/docs/sdk/creator 1.新建cocos项目&#xff0c;根目录运行 npm install --save fairygui-cc 引入 fairyGUI库 2.assets目录之外新建fairyGUI项目 3.fairyGUI中编辑UI 完成后发布到Creato…

细数RAG的12个痛点,英伟达高级架构师亲授解决方案

检索增强式生成&#xff08;RAG&#xff09;是一种使用检索提升语言模型的技术。具体来说&#xff0c;就是在语言模型生成答案之前&#xff0c;先从广泛的文档数据库中检索相关信息&#xff0c;然后利用这些信息来引导生成过程。这种技术能极大提升内容的准确性和相关性&#x…

野外便携定位终端|北斗三代短报文通信终端|移动通信终端

QM200B北斗三号便携终端是一款面对野外环境的北斗三代便携设备&#xff0c;具有低功耗、体积小、重量轻等特点。该设备不仅集成了北斗三代区域短电文通信、北斗三代定位功能、移动通信功能&#xff0c;同时具有语音对讲功能&#xff0c;配有液晶屏和功能按键&#xff0c;可在海…

一文彻底弄清Redis的布隆过滤器

布隆过滤器&#xff08;Bloom Filter&#xff09;是一种空间效率极高的数据结构&#xff0c;用于快速判断一个元素是否在集合中。它能够节省大量内存&#xff0c;但它有一个特点&#xff1a;可能存在误判&#xff0c;即可能会认为某个元素存在于集合中&#xff0c;但实际上不存…

说了很久的建筑转大模型,也不过是想在职场完成赎身

问&#xff1a;为什么从规划转行到大模型&#xff1f; 1、房子卖不掉了&#xff0c;城镇化进入存量时代&#xff0c;发展的蛋糕有限&#xff0c;规划行业式微&#xff1b;而且生态规划更多是保护性规划&#xff0c;不是发展性规划&#xff0c;地方政府的驱动力不足。 2、智能…

ArchLinux VSCode 1.94.2无法安装or更新解决办法

此方法参考了这篇博客https://www.debugpoint.com/failed-connect-raw-githubusercontent-com-port-443/#google_vignette 某一次paru后&#xff0c;一直报错503什么的&#xff0c;在archlinux官网看到pacman安装的是个Open VSX版本的&#xff0c;是Arch官方的版本&#xff0c;…

【记录】VSCode|自用设置项

文章目录 1 基础配置1.1 自动保存1.2 编辑区自动换行1.3 选项卡换行1.4 空格代替制表符1.5 开启滚轮缩放 2 进阶设置2.1 选项卡不自我覆盖2.2 选项卡限制宽度2.3 选项卡组限制高度2.4 字体设置2.5 字体加粗2.6 侧边栏2.7 沉浸式代码模式 Zen Mode2.8 设置 Zen 模式的选项卡组 3…

Vxe UI vue vxe-table grid 如何滚动、定位到指定行或列

Vxe UI vue vxe-table vxe-grid 在表格中有时候需要对数据会列进行操作。可以会定位到某一行或某一列&#xff0c;vxe-table 中提供了丰富的函数式 API&#xff0c;可以轻松对行与列进行各种的灵活的操作。 定位到指定行与列 通过调用 scrollColumn(columnOrField) 方法&…

【Python】图形用户界面

在Python中&#xff0c;开发图形用户界面&#xff08;GUI&#xff09;的工具包有许多种&#xff0c;常用的包括&#xff1a; Tkinter&#xff1a;Python的标准GUI库&#xff0c;作为Python内置的一部分&#xff0c;简单易用&#xff0c;适用于轻量级应用。PyQt/PySide&#xf…

探索面向对象编程的核心:类、对象与封装

探索面向对象编程的核心&#xff1a;类、对象与封装 在学习Java编程时&#xff0c;面向对象编程&#xff08;OOP&#xff09;是一个非常重要的核心概念。今天我们将深入探讨其中最基本、但却非常重要的组成部分&#xff1a;类和对象&#xff0c;以及它们是如何通过封装来实现数…

全网免费的文献调研方法以及获取外网最新论文、代码和翻译pdf论文的方法(适用于硕士、博士、科研)

1. 文献调研 学术搜索引擎(十分推荐前三个&#xff0c;超有用)&#xff1a;使用 Google Scholar(https://scholar.google.com/)(https://scholar.google.com.tw/)(巨人学术搜索‬‬)、&#xff08;三个都可以&#xff0c;镜像网站&#xff09; arXiv(https://arxiv.org/)、&am…

企业架构系列(21)ArchiMate建模ADM阶段A:架构愿景

从本篇开始&#xff0c;将通过6篇文章逐一介绍如何使用 ArchiMate 的特定视角来创建与 TOGAF 架构开发方法相关的图形化模型或图表&#xff08;即&#xff0c;ADM中的图形制品&#xff0c;Graphical Artifacts&#xff09;。这些制品让利益相关者以可视化的方式来理解架构内容&…

vscode中每个打开的文件都显示在一个单独的标签页中

版本&#xff1a;1.94 实现步骤&#xff1a; 1、打开设置 File-》Preferences-》Settings 2、具体设置 2.1、在配置中搜索 workbench.editor.showTabs 设置为multiple。 2.2、在配置中搜索 workbench.editor.enablePreview 取消勾选。 根据这个功能的说明&#xff0c;在…

Java项目-基于springcloud框架的分布式架构网上商城系统项目实战(附源码+文档)

作者&#xff1a;计算机学长阿伟 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、ElementUI等&#xff0c;“文末源码”。 开发运行环境 开发语言&#xff1a;Java数据库&#xff1a;MySQL技术&#xff1a;SpringBoot、Vue、Mybaits Plus、ELementUI工具&#xff1a;IDEA/…

背包九讲——完全背包问题

目录 完全背包问题 问题定义 动态规划解法 状态转移方程 初始化 遍历顺序 三种解法&#xff1a; 朴素版——枚举k 进阶版——dp正推&#xff08;一维滚动数组&#xff09; 背包问题第三讲——完全背包问题 背包问题是一类经典的组合优化问题&#xff0c;通常涉及在限定…