JavaScript Date Formats

Table of contents

1. Date Input and Output
   1. Date Input
   2. Date Output
2. Date Input Formats
   1. ISO Dates (Date-Time)
      1. no 0 problem
      2. “DD-MM-YYYY” error
   2. Short Dates
      1. “YYYY / MM / DD” error
   3. Long Dates

Date Input and Output

Date Input

new Date(date string)으로 생성할때는 일반적으로 3 가지 유형의 JavaScript 날짜 입력형식이 있음

→ ISO format만 자바스크립트의 엄격한 표준에 맞고 나머지들은 정의되어 있지 않으며 브라우저에 따라 다를 수 있음

Date Output

입력 형식에 관계없이 JavaScript는(기본적으로) 전체 텍스트 문자열 형식으로 날짜를 출력

new Date("2015-03-25");

// Wed Mar 25 2015 09:00:00 GMT+0900 (대한민국 표준시)

Date Input Formats

ISO Dates (Date-Time)

기본적으로 YYYY-MM-DD형식

▸ MM, DD 설정하지 않으면 자동으로 01, 시간은 9시

★ YYYY-MM이나 YYYY로 쓸 수 있는데 그냥 YYYY-MM-DD맞춰 쓰세요

syntax

var d = new Date("2015-03-25");
var d = new Date("2015-03");
var d = new Date("2015");

심화

var d = new Date("2015-03-25T12:00:00Z");
//d = Wed Mar 25 2015 21:00:00 GMT+0900 (대한민국 표준시)

var d = new Date("2015-03-25T12:00:00-06:30");
// d = Thu Mar 26 2015 03:00:00 GMT+0900 (대한민국 표준시)

no 0 problem

일부 브라우저에서는 앞에 0이없는 월 또는 일에 오류가 발생할 수 있음

예시

var d = new Date("2015-3-25");

“DD-MM-YYYY” error

“DD-MM-YYYY”의 동작은 정의되지 않음

▸ 일부 브라우저는 형식을 추측하려고 하고, 일부는 NaN을 반환함

예시

var d = new Date("25-03-2015");

Short Dates

/ 사용

syntax

var d = new Date("03/25/2015");

“YYYY / MM / DD” error

“YYYY / MM / DD”의 동작은 정의되지 않음

▸ 일부 브라우저는 형식을 추측하려고 하고, 일부는 NaN을 반환함

예시

var d = new Date("2015/03/25");

Long Dates

월을 문자로 작성하기

▸ 월과 일은 다른 순서로 작성할 수 있음 (DD MMM YYYY)

▸ 월은 전체(January) 또는 약어(Jan)로 작성 가능함

▸ ,로 구분가능하고 월은 case insensitive

syntax

var d = new Date("Mar 25 2015");
var d = new Date("25 Mar 2015");
var d = new Date("January 25 2015");
var d = new Date("Jan 25 2015");
var d = new Date("JANUARY, 25, 2015");