[JavaScript] Safari 에서 new Date() NaN 오류 이슈

Safari 브라우저에서 Date가 안나오고 NaN이라고 뜨는 이슈가 있다.

아래와 같이 자바스크립트에서 흔히 사용하는 Date 객체에 String 타입의 날짜를 담아 사용할 때, 

문제를 뱉는다.

new Date('2021-11-01');

 

이 이슈 해결하기 위해서 두가지 방법이 있다.

1. moment.js 라이브러리를 사용하는 방법.

moment.js를 사용하면 어느 브라우저에서나 호환이 된다고 한다.

 

2. 아래 예시와 같이 2021-11-01T00:00:00 을

2021/11/01 00:00:00

형식으로 바꿔서 넣어주면 된다고 한다.

// $("#countDownDate").val() == '2022-11-30 23:59'
let countDownDate = new Date($("#countDownDate").val().replaceAll("-", "/")).getTime();