[js] 현재날짜 추출하기 (영어를 한글로)

2022. 7. 25. 17:46·과거의 이력/javascript

아래와 같은 영문으로 된 현재날짜를 년도, 월, 일, 요일로 뽑아내는 방법은 다음과 같다.

Fri Jul 08 2022 00:00:00 GMT+0900

 

1. 년도 추출하기

 

getFullYear() 메소드 사용

console.log(date) // Fri Jul 08 2022 00:00:00 GMT+0900

/***** 년도 추출 *****/
date.getFullYear() // 2022

참고링크 :  https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getFullYear

 

 

 

2. 월 추출하기

 

1. getFullYear() 메소드 사용

2. Intl.DateTimeFormat() 메소드 사용

 

console.log(date) // Fri Jul 08 2022 00:00:00 GMT+0900

/***** 월 추출 *****/
// 1. getMonth()
date.getMonth() // 6

// 2. Intl.DateTimeFormat()

let m = { month: 'long' }
new Intl.DateTimeFormat('ko-KR', m).format(date) // 7월

참고링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getMonth

 

 

* 주의사항

date 변수가 가지는 월의 값은 Jul로 7월을 반환해야한다.

하지만 getMonth() 메소드 사용시 6이 반환되는걸 볼 수 있다.

 

그 이유를 MDN에서 찾아보니 다음과 같다.

해석하자면 0값 기반이라는 말이다.

 

 

 

 

 

3. 일 추출하기

 

getDate() 메소드 사용

console.log(date) // Fri Jul 08 2022 00:00:00 GMT+0900

/***** 일 추출 *****/
date.getDate() // 8

참고링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getDate

 

 

4. 요일 추출하기

 

 Intl.DateTimeFormat() 메소드 사용

console.log(date) // Fri Jul 08 2022 00:00:00 GMT+0900

/***** 요일 추출 *****/

let d = { weekday: 'long' }
new Intl.DateTimeFormat('ko-KR', d).format(date) // 금요일

참고링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getDay

 

 

 

 

 

 

'과거의 이력 > javascript' 카테고리의 다른 글

[javascript] 화살표 함수와 일반 함수의 차이  (0) 2022.09.22
[js] Ajax와 Axios 차이  (0) 2022.08.12
[js] 객체(Object) 특정 value값 확인하기  (0) 2022.06.21
[Error] Uncaught (in promise) NavigationDuplicated 에러 해결하기  (0) 2022.05.03
[js] 이미지 404 에러 (img 404 error)  (0) 2022.03.16
'과거의 이력/javascript' 카테고리의 다른 글
  • [javascript] 화살표 함수와 일반 함수의 차이
  • [js] Ajax와 Axios 차이
  • [js] 객체(Object) 특정 value값 확인하기
  • [Error] Uncaught (in promise) NavigationDuplicated 에러 해결하기
정많이 정만이
정많이 정만이
jeongmany
  • 정많이 정만이
    정많이 정만이
    정많이 정만이
  • 전체
    오늘
    어제
    • 분류 전체보기 (80)
      • 과거의 이력 (71)
        • CS (12)
        • 프론트엔드 (4)
        • javascript (21)
        • Vue.js (7)
        • bootstrap (1)
        • [그리드] ag-grid (3)
        • [그리드] vue-grid-layout (1)
        • HTML_CSS (5)
        • NPM (1)
        • [차트]highcharts (0)
        • JAVA (9)
        • 백엔드 (1)
        • 기본개념 (손필기) (5)
        • 프로그래머스 (1)
      • 알고리즘 (6)
      • 통계 (9)
        • 통계지식 (8)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    vuejs
    버추얼박스
    알고리즘
    우분투
    selectbox
    cs
    ubuntu설치
    Webpack
    ubuntu
    VirtualBox
    js
    bootstrap
    js map
    반복문
    CSS
    공유메모리
    자바스크립트
    JavaScript
    vue.config.js
    webpack.config.js
    java
    ES6
    객체
    vue
    코딩테스트
    개발자
    HTML
    aggrid
    vue.js
    ag-grid
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
정많이 정만이
[js] 현재날짜 추출하기 (영어를 한글로)
상단으로

티스토리툴바