[JavaScript] 자바스크립트에서 현재 시간과 날짜 가져오기

2022. 6. 8. 21:35Program/JavaScript

080_자바스크림트에서 현재 시간과 날짜 가져오기

[적용]

  • 간단히 날짜 정보를 출력하고 싶을 때
  • 언어별 날짜 표시 형식으로 출력하고 싶을 때

[문법]

메소드 의미 반환
toLocaleDateString() 현재 날짜를 문자열로 가져오기  문자열
toLocaleTimeString() 현재 시각을 문자열로 가져오기  문자열

[내용]

getDate()와 getHours()를 사용하면 정보를 세부적으로 가져올 수 있으나,

코드가 복잡해지기 쉽다. toLocaleString()을 사용하면 간결한 표현이 가능하며,

사용자의 언어 환경에 따라 날짜 형식을 지정하여 가져온다.

한국어 환경에서는 '2022/06/08 21:22:01'의 형식으로 가져오지만,

영어는 '08/06/2022, 9:22:01 PM'의 형식을 따른다.

한ㄱ구어는 년/월/일의 순서지만, 영어는 월/일/년의 순서다.

toLocaleDateString()은 날짜, toLocaleTimeString()은 시간 정보를 가져온다.

const date = new Date();

const Locale = date.toLocaleString();  // 예: '2020.03.01. 오후10:22:01'
const localeDate = date.toLocaleDateString();  // 예: '2020.03.01'
const locaeTime = date.toLocaleTimeSting();  // 예: '오후 10:31:34'

// HTML에 문자열 넣기
document.querySelector('#log').innerHTML = '$(locale)<br />
    ${localeDate}<br />
    ${localeTime}`;

 


 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김