[ Javascript ] moment.js 기본 사용법

moment.js를 사용하는 방법에 대한 정리입니다.

moment.js는 시간을 관리할 때 굉장히 편리한 npm입니다.

 

npm

$ npm install moment --save

 

moment 불러오기

// moment 불러오기
import moment from 'moment';
// moment를 한글로 사용할 수 있도록 도와줍니다.
import 'moment/locale/ko';

 

.format()을 사용해서 moment 불러오기

// 현재 날짜 및 시간을 불러옵니다.
moment().format(); // 2023-06-13T17:53:12+09:00

// MMMM: 6월, Do: 13일, YYYY: 2023, h: 5, mm: 55, ss: 21, a: 오후
moment().format("MMMM Do YYYY, h:mm:ss a") // 6월 13일 2023, 5:55:21 오후

// 아래처럼 여러가지 방식으로 사용할 수 있습니다.
moment().format("YYYY년 MM월 DD일 A hh:mm:ss") // 2023년 06월 13일 오후 05:56:28

// 요일만 불러오기
moment().format("dddd"); // 화요일

 

.fromNow()를 사용해서 moment 불러오기

// 현재
moment().fromNow() // 몇 초전

// startOf('hour'): 최근 시간부터 지난 분입니다.
moment().startOf('hour').fromNow() // 3분전 ( 현재 시간이 18시 03분이었습니다. )

// endOf('day'): 24시까지의 남은 시간입니다.
moment().endOf('day').fromNow() // 6시간 후 ( 24시간 기준으로 endOf이기 때문에 6시간 남았습니다. )

// startOf('day'): 00시부터 지난 시간입니다.
moment().startOf('day').fromNow() // 18시간 전

// 2012년 06월 20일부터 지난 년도입니다.
moment("20120620", "YYYYMMDD").fromNow() // 11년 전

// 2023년 06월 01일부터 지난 일입니다.
moment("20230601", "YYYYMMDD").fromNow() // 13일 전

 

.calendar()를 사용하여 moment 불러오기

// 10일전 날짜를 불러옵니다.
moment().subtract(10, 'days').calendar() // 2023.06.03. ( 현재는 06월 13일 입니다. )

// 7일전까지는 아래처럼 지난주 ?요일 오후 시간으로 표현됩니다.
moment().subtract(5, 'days').calendar() // 지난주 목요일 오후 6:21

// 현재 시간입니다.
moment().calendar() // 오늘 오후 6:23

// 내일 시간입니다.
moment().add(1, 'days').calendar() // 내일 오후 6:23

// 7일전까지는 아래처럼 표현됩니다.
moment().add(3, 'days').calendar() // 금요일 오후 6:24

// 10일뒤 날짜입니다.
moment().add(10, 'days').calendar() // 2023.06.23