Date 비교

요즘 유지보수 개발 프로젝트를 하고 있는데

 

기존의 검색 기능에서 시작시간과 종료시간에 버그가 있었습니다.

 

크게 2가지로 볼 수 있는데

 

첫 번째는 검색시간(시작시간, 종료시간)이 현재시간보다 빠를 수 있다는 점입니다.

 

예를 들면 현재시간이 4시 10분인데 검색시간 5시 10분으로 설정할 수 있습니다.

 

두 번째는 시작시간이 종료시간보다 빠를 수 있는 버그입니다.

 

다시 예를 들면 시작시간이 6시 20분인데 종료시간은 5시 20분으로 설정할 수 있습니다.

 

간단히 예를 들겠습니다.

 

검색시간 화면

 

검색시간과 현재시간 비교하는 스크립트

 

위의 예제 화면과 스크립트 코드를 보면

 

시작시간과 종료시간에 클릭 이벤트가 발생 시

 

현재시간을 기준으로 현재 시간보다 빠른 시간들은 hide 처리되는 것을 확인할 수 있습니다.

 

현재시간과 검색시간의 비교는 getTime() 함수를 이용했습니다.

 

getTime() 함수는 1970년 1월 1일 0시 0분 0초와 주어진 시간 사이의 시간을 밀리 초로 리턴하는 함수입니다.

 

따라서 이 함수를 통해 검색 시간과 현재 시간의 대소 비교가 가능해집니다.

 

단순히 시간 대소 비교가 아닌 다른 기능에도 유용하게 사용할 수 있을 거 같습니다.

 

참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime