new Date(), toLocaleDateString (현재 날짜,시간 표시하기 / JavaScript)

자바스크립트 (JavaScript)

See the Pen 현재 날짜 표시하기 (JavaScript) by kimyangsun (@kimyangsun) on CodePen.

 

new Date()를 이용하여 현재 시간을 추출해서 toLocaleDatestring() 을 사용하여 날짜를 상세히 표시해주었습니다.

리액트 프로젝트에서 게시글 작성이나 댓글작성을 하면서 구현하면서 작성시간을 표시해두려고 구현했었는데..

얼마 후에 다시 구현하려고 하니까 살짝 까먹어서 그냥 정리해두기로 했습니다 😑..

 

'en-US' 는 영어, 'ko-KR' 은 한글입니다. 위의 예제에는 날짜만 표시해두고 시간까지는 표시하지 않았지만

같은 방식으로 해주시면 될 것 같습니다.

밑에는 주요 옵션들입니다. 

 

year: 연도를 나타냄

- 'numeric'(예: 2020)

- '2-digit'(예: 20)

 

month: 월을 나타냄

- 'numeric'(예: 5)

- '2-digit'(예: 05)

- 'long'(예: March)

- 'short'(예: Mar)

- 'narrow'(예: M)

 

day: 일을 표현

- 'numeric'(예: 1)

- '2-digit'(예: 01)

 

hour: 시간을 표현

- 'numeric'(예: 1)

- '2-digit'(예: 01)

 

minute: 분을 표현

- 'numeric'(예: 1)

- '2-digit'(예: 01)

 

second: 초를 표현

- 'numeric'(예: 1)

- '2-digit'(예: 01)

 

상세옵션의 출처는 www.devdic.com/javascript/refer/native/method:1285/toLocaleDateString()