[Vue.js] moment.js 사용법

Vuejs에서 momentjs 사용하기

JavaScript에서 date 라이브러리로 유명한 것으로 moment.js가 있습니다.
moment.js는 date 형식, 날짜 계산 등을 간편하게 할 수 있도록 도와줍니다.
이번 포스팅에서는 Vue.js에서 moment.js를 활용하는 것을 알아보겠습니다.

• 설치

$ npm install [--save] vue-momentjs

• 적용

/src/main.js

import Vue from "vue"
import moment from "moment"
import VueMomentJS from "vue-momentjs"

Vue.use(VueMomentJS, moment)

• 활용

적용된 vue-momentjs는 다음과 같이 사용합니다.

1. 현재 날짜 데이터 포맷 변경

this.$moment(new Date()).format('YYYYMMDD')

2. 현재 날짜로 부터 하루 뒤

this.$moment(new Date()).add(1, 'days').('YYYYMMDD')

더 많은 활용 방법은 moment.js 공식문서를 참고하세요!

[참고]
https://momentjs.com/docs/
https://www.npmjs.com/package/vue-momentjs