首页 > web前端 > js教程 > 使用Moment.js管理日期和时间

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

Joseph Gordon-Levitt
发布: 2025-02-10 14:57:15
原创
736 人浏览过

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() 会将其转换为指定的格式。此示例将日期格式化为四位数年份,后跟一个连字符,后跟两位数的月份,另一个连字符和两位数的日期。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板