자바스크립트 - 날짜 객체 (Date Object)

Date 객체

다음과 같이 자바스크립트에서 Date 객체를 사용하면 현재 시간정보를 사용할 수 있습니다.

기본적으로 자바스크립트는 웹브라우져의 시간대를 사용하고 날짜 전체 텍스트를 문자열로 표시합니다.

 var date = new Date();

위의 코드처럼 Date객체를 이용해서 현재 시간정보를 가져오면 변수 객체 date에 현재 시간에 대한 정보가 

다음의 형식으로 저장됩니다.

 

 

Date 객체 생성

Date 객체는 new Date() 생성자를 이용해서 만들어 집니다.

새로운 날짜 객체를 만드는 방법에는 4가지가 있습니다.

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

위의 코드의 각 라인에 대한 내용은 다음과 같습니다.

사용 생성자	내용
new Date()	현재 날짜와 시간으로 새 날짜 객체를 생성
new Date(year, month, day, hours, minutes, seconds, milliseconds)	인자를 통해서 지정한 날짜와 시간으로 날짜 객체를 생성
new Date(milliseconds)	1970년 1월 1일 09:00 기준으로 밀리초만큼 지난 날짜 객체를 생성
new Date(date string)	날짜 문자열을 이용해서 새로운 날짜 객체를 생성

첫번째 생성자의 경우 다음과 같은 특성을 가지고 있습니다.

• 현재 시간값은 웹 브라우져를 통해서 가져옵니다.

 

두 번째 생성자의 경우 다음과 같은 특성을 가지고 있습니다.

• 7개의 숫자는 순서대로 각각 연도, 월, 일, 시, 분, 초, 밀리초를 나타냅니다.
• 월은 0 ~ 11로 계산합니다. 따라서, 0은 1월, 11은 12월에 해당합니다.
• 매개변수는 생략하여 입력할 수 있습니다. 생략하는 항목에 대해서는 0으로 처리됩니다.
• 월은 생략할 수 없으며 하나의 매개변수만 입력되는 경우 밀리초로 처리됩니다.(1970년 1월 1일 09시 기준으로 처리)
• 1 ~ 2 자리 연도값은 19XX로 해석됩니다.(19 -> 1919, 8 -> 1908)

세번째 생성자의 경우 다음과 같은 특성을 가지고 있습니다.

• 밀리초에 대한 정보를 제공하는 경우 1970년 1월 1일 09:00를 기준으로 밀리초만큼 지난 날짜값을 생성합니다.
• 밀리초 값을 음수로 전달하여 기준날짜보다 이전으로 가는 것도 가능합니다.
• 하루(24시간)은 864억 밀리초 입니다.

네번째 생성자의 경우 다음과 같은 특성을 가지고 있습니다.

• 정해진 형식을 지켜서 만들어진 시간정보 문자열을 인자로 전달해야 합니다.
• 날짜 문자열에 대해서는 뒤에서 다루도록 하겠습니다.

 

날짜를 표시하는 방식

자바스크립트는 기본적으로 날짜를 텍스트 문자열 형식으로 출력합니다.

HTML로 날짜 객체를 표시하면 toString() 메소드와 함께 날짜 객체가 자동으로 문자열로 변환됩니다.

따라서, 아래의 첫번째와 두번째 예시의 코드는 서로 동일한 결과를 얻습니다.

date = new Date();
document.getElementById("demo").innerHTML = date;

date = new Date();
document.getElementById("demo").innerHTML = d.toString();

 

날짜를 표시할 때 toString() 메소드 뿐만 아니라 다른 종류의 메소드도 사용할 수 있는 데 그 종류는 다음과 같습니다.

 

toUTCString()

해당 메소드를 사용하면 날짜를 UTC(날짜 표시 표준) 문자열로 변환합니다.

var date = new Date();
document.getElementById("demo").innerHTML = date.toDateString();

toDateString()

해당 메소드를 사용하면 날짜를 더 읽기 쉬운 형식으로 변환합니다.

해당 메소드를 통해서 출력된 날짜정보는 연도, 월, 일에 대한 정보만을 포함합니다.

var date = new Date();
document.getElementById("demo").innerHTML = date.toDateString();

toISOString()

해당 메소드를 사용하면 ISO 표준 형식을 사용하여 날짜를 문자열로 변환합니다.

var date = new Date();
document.getElementById("demo").innerHTML = date.toISOString();

 

 

날짜 형식(Date Formats)

자바스크립트에서 사용하는 날짜 입력형식에는 다음 3가지 유형이 있습니다.

유형	예시
ISO Date	"2015-03-25" (The International Standard)
Short Date	"03/25/2015"
Long Date	"Mar 25 2015" or "25 Mar 2015"

ISO 형식은 자바스크립트에서 엄격한 표준을 따릅니다. 나머지 시간형식의 경우 잘 정의되어 있지 않으며

웹 브라우져마다 상이할 수 있습니다.

 

 

날짜 출력

입력형식에 관계없이 자바스크립트는 기본적으로 날짜를 전체 텍스트 문자열 형식으로 출력합니다.