使用Moment.js管理日期和时间-js教程-PHP中文网

来自另一个日期的时间

轻量级替代方案

如何使用 Moment.js？

Moment 的 ISO 时间格式是什么？

如何将 Moment 对象转换为 Date 对象？

如何在 Moment 中获取当前日期？

如何使用 Moment 增加日期？

首页

web前端

js教程

使用Moment.js管理日期和时间

Joseph Gordon-Levitt

Feb 10, 2025 pm 02:57 PM

Managing Dates and Times Using Moment.js

JavaScript 的日期和时间处理一直比较繁琐。原生日期方法冗长，API 常常不一致。因此，如果您在 StackOverflow 上提问与日期相关的问题，经常会听到这样的回复：“使用 Moment.js”。

关键要点

Moment.js 简化了 JavaScript 中日期和时间的处理过程，提供解析、验证、操作和显示日期和时间的方法。
尽管 Moment.js 功能强大，但建议在新项目中考虑使用更轻量级的替代方案，例如 date-fns，因为 Moment.js 体积较大且对象可变。
Moment.js 提供各种日期操作和计算方法，例如 add()、subtract()、fromNow() 和 diff()，可用于执行添加或减去时间单位、计算距现在的时间以及计算两个日期之间差值等操作。
该库还提供国际语言支持，允许用户分配全局语言或为特定 moment 对象设置语言。

什么是 Moment.js？

Moment.js 是一个用于处理 JavaScript 日期时间的瑞士军刀。它允许您使用简洁明了的 API 来解析、验证、操作和显示日期和时间。

本文将向您展示如何开始使用 Moment.js，并演示其一些常见用例。

警告：新用户请改用 date-fns

请注意，自 2020 年 9 月起，我们建议希望实现日期库的用户改用 date-fns。

Moment.js 的功能与其体积相比显得过于庞大，Chrome 开发者工具现在积极建议不要将其用作核心 Web 指标性能测试的一部分。因此，根据 Moment.js 维护人员的说法，该项目处于维护模式，不再进行新的功能开发。

➤ 学习 date-fns：一个轻量级的 JavaScript 日期库

Moment.js 入门

Moment.js 可从项目的首页免费下载。Moment.js 可以在浏览器和 Node 应用程序中运行。要在 Node 中使用它，请使用以下命令安装模块：

npm install moment

登录后复制

然后，只需 require() 并像下面这样在您的应用程序中使用它：

const moment = require('moment');
const today = moment();
console.log(today.format());

// 2020-01-09T15:45:51+01:00

登录后复制

要在浏览器中运行 Moment.js，请使用 </pre> <p> </body> </html>

日期格式化

moment().format('YYYY-MM-DD');

登录后复制

过去，我记得将日期字符串转换为 Date 对象，获取单个数据片段，然后执行字符串连接。Moment.js 简化了日期转换为任何特定格式的过程。使用 Moment 进行日期格式转换很简单，如下例所示：

调用 moment() 会给我们当前的日期和时间，而 format() 会将其转换为指定的格式。此示例将日期格式化为四位数年份，后跟一个连字符，后跟两位数的月份，另一个连字符和两位数的日期。

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7830

Java教程

1648

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1239

显示更多

Related knowledge

前端热敏纸小票打印遇到乱码问题怎么办？ Apr 04, 2025 pm 02:42 PM

前端热敏纸小票打印的常见问题与解决方案在前端开发中，小票打印是一个常见的需求。然而，很多开发者在实...

神秘的JavaScript：它的作用以及为什么重要 Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石，它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发，极大地提升了用户体验和跨平台开发的灵活性。