[Vue.js] moment.js 사용

Vue.js

 

MOMENT.JS

날짜에 관한 계산, formatting적용에 moment.js를 사용한다고 한다.

 

설치

npm install --save vue-momentjs
npm install --save moment

 

적용 (main.js)

import moment from 'moment';
import VueMoment from "vue-momentjs";

Vue.use(VueMoment, moment);

적용이 완료되었다. 

사용

{{ $moment(movie.writeDate).format('YYYY-MM-DD') }}

데이터의 날짜 형식을 적용.

날짜 형식이 적용되었다.

.2020-09-27    포매팅

 

<!-- 현재시간 표현 -->
<span>{{$moment().format('YYYY-MM-DD')}}</span>

<!-- 데이터 시간 표현 -->
<span>{{$moment(item.dateTime).format('YYYY-MM-DD')}}</span>