자바스크립트 new Date 객체의 크로스 브라우징 문제

문제 발생

어플라이 프로젝트를 만들면서 아래와 같이 코드를 작성해주고, currentTime에 따른 변수가 startTime과 endTime 안에 속할 때 열리는 페이지를 구상을 했다. 

 

("YY:MM:DD HH:mm:ss") 다음과 같은 날짜 양식을 지정을 해주었고, 이 양식은 Edge, Opera, Firefox, Chrome 브라우저에서는 동작을 잘 하지만, IOS(Safari)의 경우 NaN을 나타내고 있었다.

문제 해결

Media Query를 통해 모바일 해상도의 접근을 막아놓긴 했지만, Safari로 접속을 하는 태블릿의 경우는 이 문제점을 발견할 수 있다.

그래서, ("YY-MM-DD HH:mm:ss") 와 같이 시간 규격을 변경해주거나 아래와 같은 표준 방식으로 변경을 해주어야한다.

let exTime = new Date(2023,05,17,00,00,00) // Sat Jun(6월) 17 2023 00:00:00 GMT+0900 (한국 표준시)

---

레퍼런스

[js] new Date().getTime() - IOS 에서 NaN뜨는 현상 해결

 

[JavaScript][CrossPlatform]Date가 브라우저에 따라 다르게 동작할 수 있다?

아이폰(IOS) javascript new Date 이슈