react에서 datetime을 한글 "2020년 11월 10일"과 같은 형태로 변경해야하는 이슈가 있었다.
(디자이너 분이 2020년 11월 10일과 같이 해주셨는데... 바로 걸렸다ㅠㅠ)
여러 가지 방법을 찾아보다가 정말 초간단 변경할 수 있는 방법을 찾아서 공유한다.
바로 moment js 라이브러리를 사용하는 것인데,
정말 내가 원하는 모든 형태로 구현할 수 있다.
긴말 할 것 없이.. 코드로 간단하게 해보면
export function change_date(published_at){
var moment = require('moment');
const publish_date = moment(published_at).format('YYYY년 MM월 DD일')
return publish_date
}
이렇게 하면 published_at으로 받은 datetime을 원하는 format으로 변경할 수 있다.
예시를 보면 대부분 .format('YYYY-MM-DD')와 같은 형태로 있어서 이렇게만 쓸 수 있는줄 알았는데,
내가 원하는 어떤 형태로도 변경할 수 있다.
나와 같이 고생하는 사람이 없기를 바라면서 적어본다!
'프론트엔드' 카테고리의 다른 글
스크롤에 따라 이미지 회전시키기 (2) | 2021.05.10 |
---|---|
SPA에서 서버사이드랜더링 하지 않고 SEO 우회하기 (4) | 2020.12.05 |
React 웹폰트 초간단 적용하기 (0) | 2020.11.07 |
리액트 dom (0) | 2020.09.20 |
리액트 구조잡기 (0) | 2020.09.06 |