모바일웹 프로젝트를 할 때 발견한 오류? 이슈? 였다.
var d = new Date("2021.12.22");
// Invalid Date
함수를 쓸때 안드로이드나 크롬에서는 잘 되는데 safari에서만 안되는 오류였다.
찾아보니 크로스브라우징 이슈라는...
이 이슈를 해결하기 위한 방법으로는
moment.js 라이브러리를 사용하는 방법도 있다고 한다.
moment.js를 사용하면 어느 브라우저에서나 호환이 된다고 한다.
또한 다른 방법으로는 날짜를
2020-09-01T00:00:00 / 2020/09/01 00:00:00
형식으로 바꿔서 넣어주면 된다고 한다.
브라우저들 생각안하고 코드 막 짰다가 결함체크 할 때 뒤통수 맞아버린...
크로스 브라우징 이슈를 잘 체크해야겠다.
Reference
[JavaScript] Date 객체 사용 시 주의해야 할 점 (크로스 브라우징 이슈)
▪ JavaScript Date객체 사용 시 주의할 점 자바스크립트 작성 시 날짜 생성, 비교 등으로 Date 객체는 자주 활용되지만, Date.parse() 메소드나 데이터 포맷을 사용한 생성자로 객체 생성 시 크로스 브라
string.tistory.com
https://momentjs.com/docs/#/query/
Moment.js | Docs
moment.relativeTimeThreshold(unit); // getter moment.relativeTimeThreshold(unit, limit); // setter duration.humanize has thresholds which define when a unit is considered a minute, an hour and so on. For example, by default more than 45 seconds is consider
momentjs.com
[자바스크립트] 아이폰, safari new date invalid date error
아이패드와 몇몇 아이폰 기종에서 Date가 안나오고 NaN이라고 뜨는 이슈가 들어왔다. 자바스크립트에서 흔히 사용하는 Date 객체에 String 타입의 날짜를 담아 사용할 때, ex : new Date('2021-08-08');
s-yeonjuu.tistory.com
https://github.com/SeonHyungJo/Tip-Note/issues/69
Safari에서 new Date()는 다르다? · Issue #69 · SeonHyungJo/Tip-Note
모든 개발자 분들이 그런 건 아니지만, 날짜 관련 이슈에 대해 골머리를 썩으신 분들은 더 이상 힘들지 않고 싶지 않아 Moment.js나 day.js를 사용해서 날짜 포맷팅을 진행한다. 여러 이슈 중에서 오
github.com
'Programming > trouble_shooting' 카테고리의 다른 글
[mybatis] 오류 Invalid column index. (0) | 2023.01.02 |
---|---|
SVN 설치/연동/사용자 권한/Svn: E175002: SSL handshake failed: 'Received fatal alert: handshake_failure 오류 (0) | 2022.12.05 |
[jsp] ajax 리턴 받을 때 parsererror가 뜬다면 (0) | 2022.03.31 |
[java] request 에서 file 정보가 null이 떨어지는 이유 (0) | 2022.03.30 |
[javascript] 날짜 비교 포맷 오류 (0) | 2022.01.27 |