How can i use vue-momentJS library

쏘리초이·2020년 2월 27일
0

TIL

목록 보기
5/23

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

vue를 사용하다보니 날짜를 계산 해야하는 것이 나왔다.
javascript에서는 moment.js 를 가장 많이 쓴다.
vue-moment , moment, 다 써보다가 포기하고 vue-momentjs를 썼다.

vue-momentjs 설치

yarn add moment vue-momentjs
moment.js 와 vue-momentjs.js 를 설치한다.

main.js 에 적어준다.

import Vue from "vue";
import moment from "moment";
import VueMomentJS from "vue-momentjs";
 
Vue.use(VueMomentJS, moment);

사용법

Call this.$moment() in any component.
라고 설명이 나와있다.

UTC 날짜 계산

let date = this.$moment.utc(date).format();

로컬 날짜 계산

let localTime = this.$moment.utc(localTime).local().format('YYYY-MM-DD HH:mm');

format()안에 표시하고 싶은 형식을 써주면 된다.

Timezone

yarn add moment-timezone
moment-timezone을 설치한다.

import VueMomentJS from 'vue-momentjs';

var moment = require('moment-timezone');
Vue.use(VueMomentJS, moment);

moment-timezone을 moment 변수에 넣는다.

사용법

let seoulTime = this.$moment.tz('Asia/Seoul').format('YYYY-MM-DD HH:mm');

profile
Hello Universe!

0개의 댓글