moment.js 공식 사이트
플타 앞발자 - 날짜 라이브러리 moment.js 사용법

moment.js 사용해보기

JS에서 날짜나 시간을 손쉽게 사용할 수 있게 도와주는 라이브러리인 moment.js를 사용해보자

설치하기

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)

사용해보기

1. moment 사용 준비하기 + 한글로 나오게 해주기

moment를 사용하면 결과값이 영어를 기준으로 나온다. moment를 import 해주면서 추가적으로 한글로 나오게도 설정해주자.

import moment from 'moment';
// 한글로 출력되게 해준다.
import 'moment/locale/ko';

// 현재날짜값을 객체로 갖고온다.
moment()

2. .format() 사용하기

.format()을 이용하면 객체에서 문자열로 반환해준다.

moment().format();	// 현재 날짜 및 시간

moment().format('YYYY-MM-DD');	// 년도-월-일
moment().format('hh:mm:ss');	// 시:분:초
moment().format('dddd');	// 요일

// 사용 예시 (해당 글 작성한 날짜 기준으로 써져있는 것)
moment().format('MMMM Do YYYY, h:mm:ss a');
// 2월 7일 2022, 1:25:50 오전
moment().format('dddd');
// 월요일
moment().format("MMM Do YY");
// 2월 7일 22
moment().format('YYYY [escaped] YYYY');
// 2022 escaped 2022

3. .fromNow() 사용하기

.fromNow() 를 사용하면 현재 시간 기준으로 타겟 시간이 얼마나 지났는 지 알 수 있다.

moment(updateDate).fromNow();
// 현재 시간 기준으로 updateDate가 얼마나 지났는 지 알 수 있다.


moment("20120620", "YYYYMMDD").fromNow();	// 10년 전
moment().startOf('day').fromNow();	// 한 시간 전
moment().endOf('day').fromNow();	// 하루 후
moment().startOf('hour').fromNow();	// 32 minutes ago