[JavaScript] 자바스크립트 날짜 다루기(년,월,일 사용하기)

076_자바스크립트 날짜 다루기(연도)

[적용]

• 올해를 불러오고 싶을 때

---

[문법]

메소드	의미	반환
getFullYear()	연도 불러오기	숫자

---

[내용]

Date 객체의 getFullYear()는 당해 년도 네 자리수를 반환한다.

new Date()로 인스턴스화하여 연도를 불로올 수 있다.

const date= new Date();
const yesr = date.getFullYear();  // 연도

// HTML에 표시
document.querySelector('#log').innerHTML = `지금은 ${year}년 입니다.`;

---

077_자바스크립트 날짜 다루기(월, 일)

[적용]

• 현재 날짜를 화면에 표시하고 싶을 때
• 날짜를 기준으로 처리를 구분하고 싶을 때

---

[문법]

메소드	의미	반환
getMonth()	월 가져오기	숫자
getDate()	일 가져오기	숫자

---

[내용]

Date 객체의 getMonth()는 월, getDate()는 일의 정보를 가져온다.getMonth()의 반환값은 0부터 시작한다. 0은 1월을 나타내므로 +1 처리 후 정확한 결과를 얻을 수 있다.getDate()는 가공 없이 반환값을 그대로 사용할 수 있다.

const date = new Date();
const month = date.getMonth() + 1;  // 월
const day = date.getDate();  // 일
const label = `${month}월${day}일`;  // 날짜 표시

// HTML에 문자열 넣기
document.querySelector('#log').innerHTML = '오늘은 #{label}입니다.`;

---

 

 

 

 

 

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