본문 바로가기

[Web]/React

[React] react-moment / 날짜 사용하기

반응형

https://haranglog.tistory.com/10

 

[React] 리액트에서 react-moment, moment.js 사용하여 실시간으로 변경되는 시간 만들기

✔ moment.js Moment js 는 시간이 포함된 데이터를 받아 조작해야 할 경우 가장 많이 사용되는 편리한 라이브러리입니다. 스터디를 모집하는 사이드 프로젝트를 만들 때 사용하였습니다. 현재 시간

haranglog.tistory.com

- react moment 사용 예시 

 

현재 날짜 

new Date(moment().format("YYYY-MM-DD"))

 

현재 날짜 + 7  (일주일 뒤)

new Date(moment().add(7, "d").format("YYYY-MM-DD"))

현재 날짜 +30 (한달 뒤)

new Date(moment().add(1,"month").format("YYYY-MM-DD"))

 

 

특정 날짜 표기 해줄 때 

moment(props.selectedDataItem.delivered_at).format('YYYY-MM-DD hh:mm:ss'):'-'}

 

이 외에도 다양하게 사용이 가능함.

반응형

'[Web] > React' 카테고리의 다른 글

[React] react navigate 사용법 및 데이터 값 전달  (0) 2022.07.14
[React] react hooks  (0) 2022.07.13
[React] react useState / useEffect  (0) 2022.07.13
[React] recoil 상태관리 라이브러리 사용하기  (0) 2022.07.13
[React-Kendo UI]  (0) 2022.07.12