[JavaScript] 날짜 형식 수정하기 : moment.js

게시물 생성 날짜에 대한 형식을 바꿀 필요가 있었다. 받아온 데이터는 "2022-08-27T18:00:41Z"이였고, 나는 이것을 "2022.08.27"로 변환하고 싶었다. 그래서 알게 된 라이브러리가 moment.js! JavaScript 날짜 라이브러리이다.

 

 

---

 

날짜 형식 수정하기

1. 라이브러리 설치

2. 필요한 부분만 잘라내기 : .substr()을 이용하여 2022-08-27T18:00:41Z를 2022-08-27로 자름

3. 문자열로 변환하기 : .format()을 이용하여 moment 객체가 아닌 문자열로 변환

 

1. 라이브러리 설치

$ npm install moment --save
or
$ yarn add moment

 

2. 필요한 부분만 잘라내기

const created_at = moment((post.created_at).substr(0, 10), "YYYY-MM-DD")

 

3. 문자열로 변환하기

const created_at = moment((post.created_at).substr(0, 10), "YYYY-MM-DD").format("YYYY.MM.DD")

 

전체 코드

import moment from "moment";

const Card = ({ post }) => {
    const created_at = moment((post.created_at).substr(0, 10), "YYYY-MM-DD").format("YYYY.MM.DD")
    
    return (
        <div>{created_at}</div>
    )
}

export default Card;

 

공식 문서

https://momentjs.com/

Moment.js | Home