Home IT/WEB Moment.js를 사용하여 두 날짜 간의 차이 계산하는 방법 및 moment.js 설치방법

Moment.js를 사용하여 두 날짜 간의 차이 계산하는 방법 및 moment.js 설치방법

오늘날의 세계에서 날짜와 시간은 다양한 웹 애플리케이션에서 중요한 역할을 한다. 스케줄링 앱이든, 전자상거래 플랫폼이든 소셜 미디어 웹사이트든 두 날짜의 차이를 계산해야 하는 경우가 많다. 날짜 및 시간 작업에 가장 인기 있는 JavaScript 라이브러리 중 하나인 Moment.js를 사용하여 두 날짜 간의 차이를 계산하는 방법에 대해 알아보겠습니다.

Moment.js 란?

inline ad

Moment.js 는 자바스크립트에서 날짜와 시간을 분석, 검증, 조작, 포맷하기 위한 오픈 소스 라이브러리이다. 이것은 날짜와 시간으로 작업하는 네이티브 자바스크립트 방식에 비해 날짜와 시간으로 작업하는 것을 훨씬 더 쉽고 오류 발생률이 낮다.

설치

Moment.js는 터미널에서 다음 명령을 실행하여 npm을 통해 설치할 수 있습니다
npm install moment

CDN에서 직접 HTML 파일에 Moment.js 라이브러리를 포함할 수 있습니다

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

두 날짜의 차이 계산 (diff method 사용)

Moment.js를 사용하여 두 날짜 간의 차이를 계산하려면 diff() 방법을 사용할 수 있습니다. diff() 메서드에는 두 가지 인수가 사용됩니다. 첫 번째 인수는 비교할 날짜이고 두 번째 인수는 비교할 날짜입니다. diff() 메서드는 두 날짜 간의 차이를 밀리초 단위로 반환합니다.

다음은 두 날짜의 차이를 계산하는 예입니다

const date1 = moment("2023-01-01");
const date2 = moment("2023-12-31");
const difference = date2.diff(date1, 'days');
console.log(difference); // 364

moment() 방법을 사용하여 “2023-01-01″과 “2023-12-31” 날짜에 대한 두 개의 moment 객체를 만듭니다. 그런 다음 diff() 방법을 사용하여 두 날짜(일) 간의 차이를 계산합니다.

diff() 메서드는 기본적으로 두 날짜 간의 차이를 밀리초 단위로 계산합니다. 다른 단위(예: 일, 시간 또는 분)의 차이를 얻으려면 diff() 메서드에 대한 두 번째 인수로 단위를 지정해야 합니다. 이 예제에서는 ‘days’를 두 번째 인수로 지정하여 일 단위의 차이를 구했습니다.

두 날짜의 차이 계산 (duration method 사용)

duration() 메소드는 Moment.js에서 두 날짜 사이의 차이를 계산하는 또 다른 방법입니다. 이 메서드는 두 mement 사이의 시간을 나타내는 기간 개체를 반환합니다. 기간 객체는 초, 분, 시간, 일 등과 같이 서로 다른 단위로 두 날짜 간의 차이를 얻을 수 있는 다양한 방법을 제공합니다.

const date1 = moment("2022-01-01");
const date2 = moment("2022-12-31");
const duration = moment.duration(date2.diff(date1));
console.log(duration.asDays()); // 364

moment.duration() 메서드를 사용하여 두 날짜 간의 차이를 나타내는 기간 개체를 만듭니다. 그런 다음 기간에 asDays() 메서드를 사용합니다.

RECENT POSTS

[javascript]객체의 키 중에서 숫자 타입의 값을 필터링하고 합산

다음은 주어진 객체의 키 중에서 숫자 타입의 값을 필터링하고 합산하는 예제입니다. const sumNumberValues = (obj) => { return Object.values(obj) ...

당뇨병: 원인, 증상, 진단 및 검사, 치료방법, 예방방법, 식이요법

당뇨병은 인슐린의 분비 혹은 작용에 이상이 생겨 혈당이 지속적으로 높아지는 만성 질환입니다. 인슐린은 췌장에서 분비되는 호르몬으로, 혈액 속의 포도당을 세포로 운반하여 에너지원으로 사용하게 합니다....

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...