Moment.js的diff方法詳解

一、簡介

Moment.js 是一個 JavaScript 日期處理類庫，提供了日期格式化、日期加減、和日期語言本地化等功能。其中，moment().diff() 方法可以計算兩個時間之間的差距。本文將從以下幾個方面對 diff 方法進行詳細闡述。

二、參數說明

moment().diff(moment, String|Boolean);
// 第三個參數可選，根據需要傳入

moment() 返回當前時間，參數可以傳入時間字元串或日期對象，第二個參數也可以是時間字元串或日期對象。第三個參數是可選的，如果傳入 true，則計算的結果將返回一個整數，表示兩個時間之間相差的毫秒數。如果傳入 false 或者不傳入，則計算的結果將返回一個 Moment.js 的 Duration 對象。

三、計算不同時段時間差

const start = moment("2021-06-01T00:00:00.000Z");
const end = moment("2021-06-05T05:30:30.000Z");
console.log(end.diff(start, 'days')); // 4
console.log(end.diff(start, 'hours')); // 101
console.log(end.diff(start, 'minutes')); // 6060

以上代碼創建了兩個 Moment.js 對象分別表示 6 月 1 日和 6 月 5 日 5 點 30 分 30 秒。接著用 diff() 方法計算它們之間的時間差，返回值分別表示相差的天數、小時數、分鐘數。

四、計算同一時段時間差

const start = moment();
const end = moment().add(2, 'hours');
console.log(end.diff(start, 'hours')); // 2

以上代碼創建了兩個 Moment.js 對象分別表示現在和兩個小時後的時間。接著用 diff() 方法計算它們之間的時間差，返回值表示相差的小時數。

五、獲取日期對象差異信息

const start = moment("2021-06-01T00:00:00.000Z");
const end = moment("2021-06-05T05:30:30.000Z");
const duration = moment.duration(end.diff(start));
console.log(duration.hours()); // 5
console.log(duration.minutes()); // 30
console.log(duration.seconds()); // 30

以上代碼同樣創建了兩個 Moment.js 對象分別表示 6 月 1 日和 6 月 5 日 5 點 30 分 30 秒。接著用 diff() 方法計算它們之間的時間差，並用 moment.duration() 方法將其轉化為 Duration 對象。最後獲取該對象的小時數、分鐘數、秒數。

六、獲取日期字元串差異信息

const start = moment("2021-06-01T00:00:00.000Z");
const end = moment("2021-06-05T05:30:30.000Z");
console.log(end.diff(start, 'days') + 'd ' + end.diff(start, 'hours')%24 + 'h ' + end.diff(start, 'minutes')%60 + 'm ' + end.diff(start, 'seconds')%60 + 's');
// 4d 5h 30m 30s

以上代碼同樣創建了兩個 Moment.js 對象分別表示 6 月 1 日和 6 月 5 日 5 點 30 分 30 秒。接著用 diff() 方法計算它們之間的時間差，並分別獲取相差的天數、小時數、分鐘數和秒數，最後將其拼接成字元串以便展示。

七、獲取過去時間差

const age = moment('1999-11-01').fromNow();
console.log(age); // 21 years ago

以上代碼創建了一個 Moment.js 對象表示 1999 年 11 月 1 日。接著用 fromNow() 方法計算從該時間到現在的時間差，返回值為字元串表示「多少時間前」。