Posts 자바스크립트 - 현재 시각 및 날짜 구하기 + Date 객체 활용
Post
Cancel

자바스크립트 - 현재 시각 및 날짜 구하기 + Date 객체 활용


자바스크립트에서 현재 시각과 날짜를 구하는 방법은 다음과 같습니다.

1
2
3
var date = new Date(); // Date 객체를 생성

console.log(date); // 변수 date의 값을 콘솔 탭의 로그로 확인

변수 date를 출력해 보면, log에는 다음과 같이 출력됩니다. 이 값은 웹 브라우저의 F12를 눌러서 나오는 console 탭에서 확인할 수 있습니다.

1
Mon Mar 30 2020 10:00:01 GMT+0900 (한국 표준시)

아래는 날짜의 연도, 월, 일 등을 추출하는 방법입니다.

1
2
3
4
5
6
7
var date = new Date();

var new_year = date.getFullYear(); // 연도 반환
var new_month = date.getMonth(); // 월 반환 (-1된 값임)
var new_day = date.getDate(); // 날짜 반환
var new_hour = date.getHours(); // 시간 반환
var new_min = date.getMinutes(); // 분 반환

이 때 month, 즉 월은 -1 한 값이 반환됩니다.

즉, 1월은 0으로, 2월은 1로, … 나타내어집니다.


현재 시각에서 몇 시간 뒤의 시각을 구하고 싶다면 setHours 메소드를 사용합니다.

1
date.setHours(date.getHours()+9); // 9시간 뒤의 시각

new Date(); 로 생성된 객체를 출력하면 기본적으로는 Mon Mar 30 2020 … 의 형태로 출력이 되는데, 이것의 표시 형식을 달리할 수 있습니다.

toLocaleString(), toLocaleDateString(), toLocaleTimeString() 메소드를 사용합니다.

1
2
3
4
var date = new Date();
console.log(date.toLocaleString()); // 2020. 3. 30 오후 7:00:00
console.log(date.toLocaleDateString()); // 2020. 3. 30
console.log(date.toLocaleTimeString()); // 오후 7:00:00

[백준] 1912번 - 연속합

자바스크립트 - 영역 매끄럽게 열리고 닫히게 하기(slideUp/Down 효과)