JAVASCRIPT/JSTL

[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인으로써, 이런 레퍼런스 많이 모아놓으시고 저장해놓으셨다가 적재적소에 사용하시길 바래요.

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

배곧동개발자

Recent Posts

[세븐나이츠 리버스] 쫄작 가이드 (기초편)

#세븐나이츠리버스 #쫄작 #가이드 #꿀팁 #제이브 그 옛날, 세나를 해보신 분들이라면 모를 수 없으나 이제 세븐나이츠…

3주 ago

[세븐나이츠 리버스] 최신 쿠폰 공유! 쿠폰 입력 방법! (5월15일)

1. 세븐나이츠 리버스 오늘, 2025년 5월 15일에 오픈한 세븐나이츠 리버스! 다들 시작하셨나요? 제이브를 뽑고싶은데 아직…

3주 ago

[CSS] 이미지가 빙빙 돈다? animation spin

#css #spin #animation #spin 1. 이미지가 빙빙돈다! 어? 이게 뭐지? 이미지가 빙빙 돕니다. 나 이거…

1개월 ago

[node.js] npm.ps1 파일을 로드할 수 없습니다

#노드js #nodejs #에러 #오류 #npm 1. npm.ps1 Error node js 를 설치 후 npm을 이용하려…

2개월 ago

[MSSQL] 넓은 영어, 띄어쓰기 영어 입력되는 현상 (전각입력/문자폭)

#MSSQL #문자폭 #영어넓이 #쿼리입력안됨 1. MSSQL 영어 입력 안되는 현상 MSSQL을 주로 쓰고 있는데 MSSMS에서…

3개월 ago

[이미르] 다니아믹 키 확실한 해결방법 (커스텀토큰/접속불가)

#레전드오브이미르 #다이나믹키가다릅니다 #커스텀토큰 #접속불가 #오류 #해결방법 1. 다이나믹 키 더럽다! 유저의 다이나믹키가 다릅니다. 위메이드의 레전드…

3개월 ago