자바스크립트 날짜 Date 객체 사용시 IE 유의하기 (NaN으로 출력됨)

날짜를 선택하는 캘린더 필드가 여러가지 있는 화면을 담당했다.

시작일을 선택하면 다른 캘린더 필드에 조건과 값을 동적으로 업데이트하는 과정에 버그가 있었다.

유저가 선택한 날짜를 yyyy.mm.dd 포맷으로 저장해서 Date 객체로 만들었다.

function(selectedDate) { //yyyy.mm.dd
    var anotherDate = new Date(selectedDate) 
    ...
}

크롬에서는 anotherDate 값이 정상적으로 출력되는데 IE에서는 NaN.NaN.NaN으로 출력된다.

Date 객체에 string을 넣을때에는 반드시 parse 함수를 함께 사용해야 한다.

Date.parse(string)

function(selectedDate) { //yyyy.mm.dd
    var anotherDate = new Date.parse(selectedDate) 
    ...
}