[JavaScript] Moment.js 오전/오후 표기 위치 조절하는 방법

Intro

안녕하세요. 이번 시간에는 Moment.js 에서 오전/오후 표기의 위치를 조절하는 방법에 대해 알아보겠습니다. 

 

제 경우 DB에서 받아온 datetime 시간을 23.03.15 오후 10:30 의 형태로 표현하고 싶었습니다. 하지만 momentjs 에는 다음의 예시가 없었습니다. 따라서 format을 커스텀하여 만들어 주기로 결정했습니다. 

 

How to solve the problem

 

저는 해당 표기법을 전역으로 적용해야 했기 때문에 공통 함수를 만들어줬습니다. datetime 시간과, format 의 2가지 파라미터를 받는 함수를 만들고, moment를 활용하여 format을 적용시켜줬습니다. 제 경우 DB의 datetime 타입이 string이고, YY.MM.DD hh:mm 형태였습니다. 이 부분은 각자 데이터타임 값에 맞게 설정해주시면 됩니다.

import 'moment/locale/ko';
import moment from 'moment';

static getDisplayDatetime(datetime: string, format: string): string {
    return moment(datetime, 'YY.MM.DD hh:mm').format(format);
}

 

표시하고자하는 datetime과 원하는 format 형식을 아래와 같이 넣어줍니다.  여기서 a는 오전/오후를 의미합니다. 저는 해당 표시가 바로 DD 뒤에 오길 원했기 떄문에 위  `MM.DD a hh:mm`  포맷을 사용했습니다. 

<span>
    {getDisplayDatetime(data.datetime, 'YY.MM.DD a hh:mm')}
</span>

 

 

---

https://momentjs.com/