inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

학습 노트 목록 아이템 컴포넌트화

(정보) 날짜 formatting

292

하구리
0

 
npm install moment-timezone
'moment-timezone' 라이브러리를 설치하고 첨부한 이미지의
getCreatedTime Method를 해주면, 우리나라 시간으로 볼 수 있습니다.
일반적으로 많이 사용하는 형식(YYYY/MM/DD [오전/오후] 시각)으로 작성하였으나
Fomat 정보 검색하셔서 원하는 형식으로 변경하여 사용하실 수 있습니다.
 
 
<template>
  <li>
    <div class="post-title">
      {{ postItem.title }}
    </div>
    <div class="post-contents">
      {{ postItem.contents }}
    </div>
    <div class="post-time">
      {{ getCreatedTime(postItem.createdAt) }}
    </div>
  </li>
</template>

<script>
import moment from 'moment-timezone';

export default {
  props: {
    postItem: {
      type: Object,
      required: true,
    },
  },
  methods: {
    getCreatedTime(isoDate) {
      let newDate = moment
        .utc(isoDate)
        .tz('Asia/Seoul')
        .format('YYYY/MM/DD a h:mm:ss');
      return newDate;
    },
  },
  created() {
    moment.locale('ko');
  },
};
</script>

<style></style>
 
 

답변 0