[JavaScript] 날짜를 비교해보자!

#자바스크립트 #JS #jsp #일자비교 #현재날짜비교하기 #newDate()

포스팅 목차 바로가기

안녕하세요, 배곧동개발자 입니다.

​오늘 코딩을 하다가 자바스크립트로 날짜를 비교할 일이 있었는데 너무 생소한거 있지요? 보통 쿼리나 자바로는 많이 비교했었는데 자바스크립트로는 안해봤었나봐요-

​고로, 자바스크립트를 통한 날짜 비교를 알아볼까해요!


1. 날짜 비교 로직

var nowDt = new Date();
var compareVal = "20201221";

var compareDt = new Date(compareVal.substring(0,4),compareVal.substring(4,6)-1,compareVal.substring(6,8));

if ( nowDt < compareDt ){
	alert("미래");
}else if ( nowDt > compareDt ){
	alert("과거");
}


​로직은 아주 간단해요-

비교값을 년, 월, 일로 잘라서 new Date() 를 통해 날짜 형태로 치환한 다음 비교한다. 정도로 정리할 수 있겠네요.


2. moment.js

위에 로직으로 비교하면 쉽지만, 더 쉽게 할 수 있는 방법이 있습니다. 저번에 포스팅한 내용인데요! moment.js 라는 라이브러리를 사용하면 됩니다.

아래에 링크를 놓아드릴테니 위 로직보다는 moment.js 사용하시면 훨씬 쉬울거에요.


개발을 잘하는 것은 남들이 만든거 잘 가져다 쓰는거라고 생각하는 1인으로써, 이런 레퍼런스 많이 모아놓으시고 저장해놓으셨다가 적재적소에 사용하시길 바래요.

이만, 배곧동개발자 였습니다.

Leave a Comment