[Javascript] IE 및 Safari date 함수 NaN 오류

 

 

PHP로 받아온 날짜 데이터를 활용하여 Javascript로 실시간 카운트다운 기능을 구현한 적이 있었다.

당시에 크로스브라우징 단계에서 원인을 알수없는 NaN 오류가 지속적으로 발생하여 삽질을 한 기억이 난다.

결론적으로 굉장히 단순한 방법을 통해 해결하였다. 혹시나 비슷한 상황으로 삽질중인 사람들이 있다면 이 글이 도움이 되길 바란다!

 

자바스크립트 Date 함수가 IE, Safari 등에서 NaN 으로 출력되는 오류가 발생하는 경우!

아래와 같이 PHP 변수에 시간을 담는다.

<?php 
	$date = date('Y-m-d H:i:s',time());
?>

 

그리고 자바스크립트로 변수를 만들어 PHP변수를 담아준다.

<scirpt>
	var date = new Date('<?=$date?>');
</script>

그리고 자바스크립트 date 변수를 확인해보면 NaN 오류가 발생할것이다!!

 

이는 Date 타입에서 -(하이픈)을 인식하지 못해 일어나는 현상.

아래와 같이 구분자를 변경해주면 인식 성공!

<?php
    $date = date('Y/m/d H:i:s',time());
?>