오늘 날짜 출력하기

HTML 

<h2 id="todayWeek"></h2>
<h3 id="todayDay"></h3>

JS

const today = new Date();
const week = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
const todayWeek = week[today.getDay()];
const todayDay = today.getFullYear()+'년 ' + (today.getMonth()+1)+'월 ' + today.getDate()+'일 ';
$('#todayWeek').text(todayWeek);
$('#todayDay').text(todayDay);

결과 

이해하기

- new Date()

* 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성

const d = new Date();

일반적으로 변수에 담아 사용한다.

- getDay()

주(week)에 대한 일(day)를 리턴한다.

• 월 : 0
• 화 : 1
• 수 : 2
• 목 : 3
• 금 : 4
• 토 : 5
• 일 : 6

const weekday = new Array('일', '월' '화', '수', '목', '금', '토', '일');
alert("오늘은 " + weekday[d.getDay()] + "요일 입니다.");

weekday라는 배열을 생성한 후 getDay가 반환하는 숫자번째의 배열값을 출력하는 함수

- getFullYear()

년도를 출력하는 함수

console.log(date.getFullYear());  // 2022

- getMonth()

월을 출력하는 함수

• 1월 : 0
• 2월 : 1
• 3월 : 2
• 4월 : 3  ...

1월이 0부터 시작하기 때문에 +1을 해주어야 현재 월을 출력할 수 있다.

console.log((d.getMonth()+1)+ '월');  // 현재 날짜가 11월이면 11월 출력

- getDate()

날짜를 출력하는 함수

console.log(date.getMonth());  // 오늘 날짜 출력