<div id="readability-page-1" class="page"><cite>하늘을난모기</cite>
 2021. 11. 1. 14:27
 <div>
 크롬에서 new Date('yyyy.MM.dd')를 사용하면 정상적으로 동작한다.
사파리에서 new Date('yyyy.MM.dd')로 만들면 invalidDate가 발생한다.
크롬과 사파리의 브라우저 렌더링 엔진이 조금 달라서 그런듯하다.

new Date('yyyy-MM-dd')로 만들면 해결할 수 있다.
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date" target="_blank" rel="noopener">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date</a>
<figure id="og_1635744361153" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="Date() constructor - JavaScript | MDN" data-og-description="Creates a JavaScript Date instance that represents a single moment in time in a platform-independent format.Date objects contain a Number that represents milliseconds since 1 January 1970 UTC." data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date" data-og-url="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date" data-og-image="https://scrap.kakaocdn.net/dn/bGKmU7/hyMa15KGjP/kOoWgqKDanqnPVt7MJg3ek/img.png?width=1920&amp;height=1080&amp;face=0_0_1920_1080"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date" target="_blank" rel="noopener" data-source-url="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date">

<div>
Date() constructor - JavaScript | MDN
Creates a JavaScript Date instance that represents a single moment in time in a platform-independent format.Date objects contain a Number that represents milliseconds since 1 January 1970 UTC.
developer.mozilla.org
</div>
</a><img src="https://scrap.kakaocdn.net/dn/bGKmU7/hyMa15KGjP/kOoWgqKDanqnPVt7MJg3ek/img.png?width=1920&amp;height=1080&amp;face=0_0_1920_1080"></figure>
MDN 문서를 보면&nbsp;
<blockquote data-ke-style="style3">A string value representing a date, specified in a format recognized by the&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse">Date.parse()</a>&nbsp;method. (These formats are&nbsp;<a href="https://datatracker.ietf.org/doc/html/rfc2822#page-14">IETF-compliant RFC 2822 timestamps</a>, and also strings in a&nbsp;<a href="https://www.ecma-international.org/ecma-262/11.0/#sec-date.parse">version of ISO8601</a>.)</blockquote>
RFC 2822이나 ISO8601에 해당하는 포맷만 가능하다고 나와있다.
공식적으로는 위 두 포맷에 해당해서만 지원되며, 브라우저마다 추가로 몇 가지 포맷이 더 지원된다고 생각하면 된다.
 
 
 </div></div>

하늘을 난 모기

크롬에서 new Date('yyyy.MM.dd')를 사용하면 정상적으로 동작한다.
사파리에서 new Date('yyyy.MM.dd')로 만들면 invalidDate가 발생한다.
크롬과 사파리의 브라우저 렌더링 엔진이 조금 달라서 그런듯하다.
 
new Date('yyyy-MM-dd')로 만들면 해결할 수 있다.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date
MDN 문서를 보면 
A string value representing a date, specified in a format recognized by the Date.parse() method. (These formats are IETF-compliant RFC 2822 timestamps, and also strings in a version of ISO8601.)
RFC 2822이나 ISO8601에 해당하는 포맷만 가능하다고 나와있다.
공식적으로는 위 두 포맷에 해당해서만 지원되며, 브라우저마다 추가로 몇 가지 포맷이 더 지원된다고 생각하면 된다.

사파리 new Date('yyyy.MM.dd') 이슈

댓글