Vue - moment.js 날짜 계산 사용하는 법

moment.js를 npm을 통하여 설치합니다.

npm install moment --save

- package.json에서 dependencies 속에 moment가 설치되어있나 확인.

 

사용 방법

- 날짜 모듈을 사용하려는 vue파일을 열고 다음과 같이 사용

var moment = require('moment'); // moment 모듈불러오기

var now = moment(); //오늘
var now = moment('2020-01-01'); //특정일 셋팅

//moment().add(number,String); 추가
//moment().subtract(number,String); 빼기

var tomorrow = moment().add(1,'days'); //내일
var yesterday = moment().subtract(1,'days'); //어제
var addMonth = moment().add(1,'months'); //한달 뒤
var subMonth = moment().subtract(1,'months'); //한달 전
var addYear = moment().add(1,'years'); //일년 뒤
var subYear = moment().subtract(1,'years'); //일년 전

키값은 약어로 대체 가능

키	약어
years	y
quarters	Q
months	M
weeks	w
days	d
hours	h
minutes	m
seconds	s
milliseconds	ms

날짜 포맷 세팅

moment().format(String);
//기본출력
moment().format(); // "2014-09-08T08:02:17-05:00" (ISO 8601, no fractional seconds)
moment().format('YYYY-MM-DD'); //ex 2020-01-01 으로 출력시
moment().format('dddd YYYY-MM-DD'); //ex Monday 2020-01-01 으로 출력시

- format()을 사용하여 날짜 포맷 설정이 가능합니다.

 

더 많은 함수들을 확인하고 싶으시면 아래의 사이트에서 확인 가능합니다.

https://momentjs.com/docs/

Moment.js | Docs