전체 방문자
오늘
어제
  • 전체 글
    • HTML
    • CSS
    • Javascript
    • React
    • Typescript
    • Next.js
    • Webpack
    • Vue.js
    • Git & GitHub
    • Error
    • Study
    • 개발 일지✨

블로그 메뉴

  • 💡
  • ⚙️
hELLO · Designed By 정상우.
하루

Home

[Javascript] new Date(), toLocaleDateString (현재 날짜, 시간 표시하기)
Javascript

[Javascript] new Date(), toLocaleDateString (현재 날짜, 시간 표시하기)

2022. 5. 30. 21:10

[Javascript/자바스크립트 ] new Date(), toLocaleDateString (현재 날짜, 시간 표시하기)

 

// 한글식 표기
function printKorDate() {
  const today = new Date();
  const dateString = today.toLocaleDateString('ko-KR', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
  });
  const dayName = today.toLocaleDateString('ko-KR', {
    weekday: 'long',
  });
  
  return `${dateString} ${dayName}`;
  // 2022년 5월 30일 월요일
}

// 영어식 표기
function printDate() {
  const today = new Date(); // 현재 날짜
  const year = today.toLocaleDateString('en-US', {
    year: 'numeric',
  });
  const month = today.toLocaleDateString('en-US', {
    month: '2-digit',
  });
  const day = today.toLocaleDateString('en-US', {
    day: '2-digit',
  });
  const weekday = today.toLocaleDateString('en-US', {
    weekday: 'long',
  });
  
  return `${year}-${month}-${day} ${weekday}`;
  // 2022-05-30 Monday
}

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

 

주요 옵션들

  • 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)

 

 

 

출처

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

 

    'Javascript' 카테고리의 다른 글
    • [Javscript] 배열에서 임의의 요소 가져오기
    • [Javascript] !! 연산자
    • 모달 만들기
    • 카운터 만들기

    티스토리툴바