moment.js的使用方法

moment.js 是一个功能强大的 JavaScript 库,用于解析、验证、操作和显示日期和时间。虽然 moment.js 因其庞大和一些性能问题已经被推荐逐步淘汰,但它仍然是一个非常流行的库,在许多项目中使用。以下是 moment.js 的基本使用方法。

安装

你可以通过以下几种方式安装 moment.js

使用 npm

如果你使用 npm 或 yarn 进行包管理,可以通过以下命令安装:

npm install moment
# or
yarn add moment
通过 CDN 引入

你也可以直接通过 CDN 引入:

<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/min/moment.min.js"></script>

基本用法

引入 moment.js
// 如果你使用的是 ES6 模块
import moment from 'moment';// 如果你使用的是普通的 script 标签引入方式
const moment = window.moment;
创建日期对象
const now = moment();
const specificDate = moment('2024-07-29');
格式化日期
const formattedDate = now.format('YYYY-MM-DD');
console.log(formattedDate); // 输出:2024-07-29
解析日期
const date = moment('2024-07-29', 'YYYY-MM-DD');
console.log(date.format()); // 输出:2024-07-29T00:00:00+00:00
操作日期
const nextWeek = now.add(7, 'days');
console.log(nextWeek.format('YYYY-MM-DD')); // 输出:2024-08-05const lastMonth = now.subtract(1, 'months');
console.log(lastMonth.format('YYYY-MM-DD')); // 输出:2024-06-29
日期比较
const date1 = moment('2024-07-29');
const date2 = moment('2024-08-05');if (date1.isBefore(date2)) {console.log('date1 在 date2 之前');
}if (date2.isAfter(date1)) {console.log('date2 在 date1 之后');
}
获取日期信息
const day = now.date(); // 当前日期
const month = now.month(); // 当前月份 (0-11)
const year = now.year(); // 当前年份
const dayOfWeek = now.day(); // 当前星期几 (0-6)
设置日期信息
const newDate = now.set('year', 2025);
console.log(newDate.format('YYYY-MM-DD')); // 输出:2025-07-29

本地化

moment.js 支持多种语言,可以很方便地进行本地化设置:

moment.locale('zh-cn'); // 设置为中文const now = moment();
console.log(now.format('LLLL')); // 输出:2024年7月29日星期一 下午12点34分

替代方案

尽管 moment.js 非常流行,但由于其体积和性能问题,官方已经建议使用更轻量级的库,如 day.jsdate-fns 和原生的 JavaScript 日期处理方法。你可以根据你的项目需求选择合适的库。

总结

moment.js 是一个功能丰富的日期和时间处理库,通过其简洁的 API 和强大的功能,你可以轻松地处理各种日期和时间相关的任务。尽管它已经逐渐被新的库取代,但在许多现有项目中仍然广泛使用。

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

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

相关文章

学习测试14-实战3-复习-使用CANoe打开半成品

数据 链接: https://pan.baidu.com/s/1k0SFq0luDvEbqimFgtfyKg?pwd9a5t 提取码: 9a5t 复制这段内容后打开百度网盘手机App&#xff0c;操作更方便哦 1&#xff0c;导入信号、报文、节点 2&#xff0c;导入数据库 3&#xff0c;导入can代码 4&#xff0c;导入环境变量 5&#x…

云计算环境中的等保测评挑战与解决方案

随着云计算技术的飞速发展&#xff0c;越来越多的企业和组织选择将业务迁移到云端&#xff0c;以享受其带来的高可靠性、高性能和弹性伸缩等优势。然而&#xff0c;云计算环境的复杂性和动态性也给信息安全带来了新的挑战&#xff0c;特别是等级保护测评&#xff08;以下简称“…

vue 进入页面自动刷新并且只刷新一次

方法一&#xff1a;&#xff08;在当前页面写&#xff09; if (location.href.indexOf("#caseDsc") -1) {location.href location.href "#caseDsc";this.reload();} 方法二&#xff1a;&#xff08;在home页面写&#xff09; 通过监听路由跳转&#…

CTF竞赛介绍以及刷题网址(非常详细)零基础入门到精通,收藏这一篇就够了

前言 CTF&#xff08;Capture The Flag&#xff09;中文一般译作夺旗赛&#xff0c;在网络安全领域中指的是网络安全技术人员之间进行技术竞技的一种比赛形式。CTF起源于1996年DEFCON全球黑客大会&#xff0c;以代替之前黑客们通过互相发起真实攻击进行技术比拼的方式。发展至今…

【保姆级教程】Windows 远程登陆 Linux 服务器的两种方式:SSH + VS Code,开发必备

0. 前言 很多情况下代码开发需要依赖 Linux 系统&#xff0c;远程连接 Linux 服务器进行开发和维护已成为一种常态。对于使用Windows系统的开发者来说&#xff0c;掌握如何通过 SSH 安全地连接到 Linux 服务器&#xff0c;并利用 VS Code 编辑器进行开发&#xff0c;是一项必备…

海外问卷调查这个项目怎么样?

大家好&#xff0c;我是橙河老师&#xff0c;今天讲一讲海外问卷调查这个项目怎么样&#xff1f;我自己做这个项目已经有三四年的时间了&#xff0c;在这个行业里算是资深玩家&#xff0c;我自己的工作室也一直稳定在操作这个项目&#xff0c;首先可以肯定的是&#xff0c;这个…

<数据集>棉花识别数据集<目标检测>

数据集格式&#xff1a;VOCYOLO格式 图片数量&#xff1a;13765张 标注数量(xml文件个数)&#xff1a;13765 标注数量(txt文件个数)&#xff1a;13765 标注类别数&#xff1a;4 标注类别名称&#xff1a;[Partially opened, Fully opened boll, Defected boll, Flower] 序…

甄选范文“论企业集成架构设计及应用”软考高级论文,系统架构设计师论文

论文真题 论企业集成架构设计及应用企业集成架构(Enterprise Integration Arhitecture,EIA) 是企业集成平台的核心,也是解决企业信息孤岛问题的关键。企业集成架构设计包括了企业信息、业务过程、应用系统集成架构的设计。实现企业集成的技术多种多样,早期的集成方式是通过…

仕考网:公务员可以报考军队文职吗?

公务员可以报考军队文职考试&#xff0c;但是需要满足前提条件。 对于已经与国家、地方的用人单位建立劳动关系的社会人才&#xff0c;在获得当前用人单位的许可后才可以申请报考。 在面试过程中&#xff0c;考生必须出示一份由其用人单位出具的且加盖公章的同意报考证明。一…

远程文件下载

在本机启动 http 服务&#xff0c;在你要下载文件的目录下输入 cmd &#xff0c;运行 python -m http.server前提条件&#xff1a;本机安装了 python 服务。 查看本机 IP&#xff08;无线局域网 IP&#xff09;&#xff0c;重新开一个窗口&#xff0c;查看本机 IP 地址。 ipc…

数模原理精解【3】

文章目录 随机事件与概率基础理论Julia中计算概率1. 简单的概率计算2. 使用统计分布3. 蒙特卡洛模拟 全排列Julia计算阶乘 参考文献 随机事件与概率 基础 某本地电话号码本中有n个电话&#xff0c;每个电话带区号一起12个数字&#xff0c;问从这n个电话中取出后3位不相同的号…

批量修改windows目录名称,删除固定字符串后缀

PS F:\学习\软考-中级-信息安全工程师\05 文老师> ls目录: F:\学习\软考-中级-信息安全工程师\05 文老师Mode LastWriteTime Length Name ---- ------------- ------ ---- -a---- 2024/7/29 10:10 3300…

【arxiv 2024】Latte: Latent Diffusion Transformer for Video Generation

【arxiv 2024】Latte: Latent Diffusion Transformer for Video Generation 一、前言Abstract1 Introduction2 Related Work3 Methodology3.1 Preliminary of Latent Diffusion Models3.2 The model variants of Latte3.3 The empirical analysis of Latte3.3.1 Latent video c…

你知道这些鼎鼎大名的Java底层核心公司吗

在讨论Java虚拟机——JVM的时候&#xff0c;有几个知名的&#xff0c;不得不提到的JVM的产品和公司。 一、Oracle HotSpot&#xff1a;这是由Sun公司开发的虚拟机。它由最初的Classic VM开始&#xff0c;到推出崭露头角的Exact VM的虚拟机&#xff0c;是现代化高性能虚拟机的最…

【elementui】记录手动控制el-table的排序图标高亮

当前elementui版本&#xff1a;2.8.2 vue2 场景&#xff1a;点击列头排序&#xff0c;入参传了排序相关的参数&#xff0c;但是列表的相关列排序图标没有高亮&#xff0c;其实多半是表格在不知道的地方自己又渲染了一遍&#xff0c;把排序高亮给弄没了&#xff0c;所以需要手…

C++设计模式--单例模式

单例模式的学习笔记 参见链接1&#xff0c;链接2 #include <iostream> #include <mutex>using namespace std;/*懒汉模式&#xff1a;只有在用到了才实例化对象并返回&#xff08;调用了对外的接口才会实例对象&#xff09;*/ /*构造函数私有化&#xff0c;只对外…

Linux实现双网卡绑定

1、介绍 linux 主机安装双网卡&#xff0c;共享一个IP地址&#xff0c;对外提供访问&#xff0c;实际同样连接两条物理线路到交换机实现平时双网卡同时工作&#xff0c;分流网络压力&#xff0c;同时提供冗余备份&#xff0c;监控&#xff0c;防止物理线路的单点故障。 配置双…

C语言 ——— 函数指针数组的讲解及其用法

目录 前言 函数指针数组的定义 函数指针数组的使用 前言 数组是存放一组相同类型数据的存储空间 关于指针数组的知识请见&#xff1a;C语言 ——— 指针数组 & 指针数组模拟二维整型数组-CSDN博客 那么要将多个函数的地址存储到数组中&#xff0c;这个数组该如何定义…

C++中的依赖注入

目录 1.概述 2.构造函数注入 3.setter方法注入 4.接口注入 5.依赖注入框架 6.依赖注入容器 7.依赖注入框架的工作原理 8.依赖注入的优势 9.总结 1.概述 依赖注入是一种设计模式&#xff0c;它允许我们在不直接创建对象的情况下为对象提供其依赖项&#xff1b;它通过将…

云仓技术带来的物流变革影响

1、实时可视性&#xff1a; 云仓技术使物流公司能够实时跟踪和监控货物在供应链中的位置和状态。这种实时可视性提供了更好的货物追踪和管理能力&#xff0c;同时也提高了客户服务的质量。 ———————————————————— 2、仓储优化&#xff1a; 云仓技术可以…