使用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信箱登陸入口在哪裡

7917

Java教學

1652

CakePHP 教程

1411

Laravel 教程

1303

PHP教程

1248

Related knowledge

前端熱敏紙小票打印遇到亂碼問題怎麼辦？ Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中，小票打印是一個常見的需求。然而，很多開發者在實...

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

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。