vuejs 에서 moment lib 사용하여 utc time 을 local time 으로 변경하기

• 요구사항 : vuejs 에서 utc time 값을 local time 값으로 변경필요
• 작업 내용 
  
  • project workspace 에서 명령어 이용하여 설치 (npm install moment-timezone)
  • time zone 변경 필요
  • 시간 표시 포맷 자유도 필요
  • moment 공식 홈페이지 접속하여 doc 확인

테스트 코드

//main.js
import momnet from 'moment-timezone'
...
methods: {
	...
	convertTimeZoneTest(){
    	sys_time = '1583282193434.118'
        let base_time = moment(sys_time).tz('Asia/Seoul')
        console.log(base_time.format())	//2020-03-04T09:36:33+09:00
        let conv_time = moment(sys_time).tz('Europe/London')
        console.log(conv_time.format())	//2020-03-04T00:36:33Z
    },
    convertFormatter(){
    	sys_time = '1583282193434.118'
        let base_time = moment(sys_time).tz('Asia/Seoul')
        console.log(base_time.format('YYYY/MM/DD h:mm:ss a'))	//2020/03/04 9:36:33 am
        console.log(base_time.format('DD-MM-YYYY HH:mm:ss A'))	//04-03-2020 09:36:33 AM
        ...
    },
    ...
},
...

 

(참고문헌)

moment-timezone 공식 도큐먼트 문서 링크

Moment Timezone | Docs