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

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

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

1개월 ago

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

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

1개월 ago

[이미르] 대기열 왜 이렇게 길어졌나? (중국작업장/매크로)

#레전드오브이미르 #작업장 #쌀먹 #중국 #매크로 #대기열 1. 운영 문제 있네? 이제 오픈 2주차에 들어온 위메이드의…

2개월 ago

[이미르] 엠틱을 챙겨보자 (스토리덱/마나회복력)

#레전드오브이미르 #엠틱 #마나회복력 #스토리덱 1. 마나가 너무 부족해! 레전드 오브 이미르는 스킬 위주의 액션 게임이라고…

2개월 ago

[이미르] 시구르드와 대화 (위치/메인퀘스트19-19)

#레전드오브이미르 #파괴가남긴것 #시구르드 #19-19 #위치 1. 파괴가 남긴 것 레전드 오브 이미르 메인퀘스트 19-19인 "파괴가…

2개월 ago

[이미르] 트롤의 비밀상자, 트롤의 유적상층 보물상자 위치

#레전드오브이미르 #트롤의비밀상자 #트롤의유적상층 #보물상자 #위치 1. 트롤의 비밀 상자 이번에 알아 볼 의뢰게시판 의뢰는 바로…

2개월 ago