본문 바로가기
개발/HTML, Javascript, CSS

[Javascript] Date()

by 똘똘이박사 2023. 12. 8.

자바스크립트의 Date() 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타낸다.  Date() 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담고 있다.

 

아래는 Date()를 활용할때 가장 많이 사용하는 방법을 정리해 보았다.

 

생성자

Date() 객체는 클래스 이기 때문에 생성자 호출을 통해 객체를 생성한다.

이때 생성자에 어떠한 인자를 넣느냐에 따라 객체를 통해 얻어 낼 수 있는 시간 데이터가 달라진다.

new Date();
new Date(value);
new Date(dateString);

new Date(year, monthIndex);
new Date(year, monthIndex, day);
new Date(year, monthIndex, day, hours);
new Date(year, monthIndex, day, hours, minutes);
new Date(year, monthIndex, day, hours, minutes, seconds);
new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds);

 

예제

let today = new Date();
let birthday = new Date("December 17, 1995 03:24:00");
let birthday = new Date("1995-12-17T03:24:00");
let birthday = new Date(1995, 11, 17); // 월은 0부터 시작
let birthday = new Date(1995, 11, 17, 3, 24, 0);

 

메서드

Date() 객체는 여러 가지 메서드를 지원한다. 그중에 가장 많이 쓰이는 날짜와 시간을 설정하고 읽어 오는 메서드를 정리했다.

  • getDate() : 날짜 반환, 1~31 사이의 정수
  • getDay() : 요일 반환, 0(일요일)~6(토요일)
  • getFullYear() : 년도 반환 (4자리수)
  • getHours() : 시간 반환, 0~23 사이의 정수
  • getMilliseconds() : 밀리초 반환, 0~999 사이 정수
  • getMinutes() : 분 반환, 0~59 사이 정수
  • getMonth() : 달 반환, 0(1월) ~ 11(12)월 사이 정수
  • getSeconds() : 초 반환, 0~59 사이 정수
  • getTime() : Date() 객체 시간 반환

setter 메서드는 생략 한다.

 

더 자세한 내용은 MDN Web Docs 에서 확인하자

반응형