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

2022. 7. 25. 17:46·과거의 이력/javascript
목차
  1. 1. 년도 추출하기
  2.  
  3. 2. 월 추출하기
  4. 3. 일 추출하기
  5. 4. 요일 추출하기

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

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
  1. 1. 년도 추출하기
  2.  
  3. 2. 월 추출하기
  4. 3. 일 추출하기
  5. 4. 요일 추출하기
'과거의 이력/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)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.