[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)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바