JavaScript 날짜 비교 - JavaScript naljja bigyo

Question

Date.getTime()으로 날짜/시간 비교

Date.getTime()는 UTC 시간을 millisecond로 리턴합니다. UTC는 1970/01/01를 0초로 지금까지 흐른 시간을 표현한 것입니다. millisecond이기 때문에 비교 연산자를 이용하여 크기를 비교할 수 있고, 또한 동등 연산자로 비교할 수도 있습니다.

const date1 = new Date('2022-05-04');
const date2 = new Date('2022-05-05');

console.log('date1: ' + date1.getTime());
console.log('date2: ' + date2.getTime());

console.log(date1.getTime() > date2.getTime());
console.log(date1.getTime() >= date2.getTime());
console.log(date1.getTime() < date2.getTime());
console.log(date1.getTime() <= date2.getTime());
console.log(date1.getTime() == date2.getTime());

날짜 복사에 getTime () 사용

동일한 시간 값으로 날짜 객체를 생성합니다.

// 월은 0부터 시작하여 생일은 1995 년 1 월 10 일이됩니다.
var birthday = new Date(1994, 12, 10);
var copy = new Date();
copy.setTime(birthday.getTime());

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

Date.prototype.getTime() - JavaScript | MDN

getTime() 메서드는 표준시에 따라 지정된 날짜의 시간에 해당하는 숫자 값을 반환합니다.

developer.mozilla.org

프로그램 언어에서 가장 자주 찾는 항목이 날짜 계산입니다. 데이터베이스 테이블 설계할 때 날짜는 항상 들어가고 꺼내서 가공할 때도 날짜를 기준으로 많이 이용하기 때문입니다. 자바스크립트로 날짜를 계산하는 여러가지 방법들에 대해 알아봅니다.

▼ 먼저 계산을 위해 날짜를 준비했습니다. 텍스트로 날짜를 입력 받는 경우를 대비해 Date 객체로 변환하는 소스까지 들어가 있습니다. 년월일을 분리한 후 Date 의 생성자 함수에 인수로 각각 넣게 되면 해당 날짜의 Date 객체가 만들어 집니다.

var strDate1 = "2015-5-6";
var strDate2 = "2015-6-25";
var arr1 = strDate1.split('-');
var arr2 = strDate2.split('-');
var dat1 = new Date(arr1[0], arr1[1], arr1[2]);
var dat2 = new Date(arr2[0], arr2[1], arr2[2]);

▼ 위에서 만든 두 개의 Date 객체에서 일을 더하고 빼려면 getDate() 함수로 일자를 구합니다. 일 값에 더하거나 빼고 나머지 년, 월은 getFullYear() 과 getMonth() 로 값을 구합니다. 그리고 문자열을 합쳐서 완성된 날짜를 만드는 것이죠.

// 날짜 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3일 더하기 : " + dat1.getFullYear() + "-" + dat1.getMonth() + "-" 
                   + (dat1.getDate() + 3) + "<br/>");
document.write("* 3일 빼기 : " + dat1.getFullYear() + "-" + 
dat1.getMonth() + "-" + (dat1.getDate() - 3) + "<br/><br/>");

▼ 일 더하기 빼기와 동일합니다. 단지 월을 구하기 위해 getMonth() 를 사용한 것만 다릅니다.

// 월 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3개월 더하기 : " + dat1.getFullYear() + "-" + 
		(dat1.getMonth() + 3) + "-" + dat1.getDate() + "<br/>");
document.write("* 3개월 빼기 : " 	+ dat1.getFullYear() + "-" + 
		(dat1.getMonth() - 3) + "-" + dat1.getDate()+ "<br/><br/>");

▼ 일 더하기 빼기와 동일하며 년도를 구하기 위해 getFullYear() 함수를 사용하였습니다. 그리고 완성된 날짜를 구성하기 위해 각 년월일을 문자열로 합쳤습니다.

// 년 더하고 빼기
document.write("* 현재날짜 : " + strDate1 + "<br/>");
document.write("* 3년 더하기 : " 	+ (dat1.getFullYear() + 3) + "-" + 
		dat1.getMonth() + "-" + dat1.getDate() + "<br/>");
document.write("* 3년 빼기 : " + (dat1.getFullYear() - 3) + "-" + 
		dat1.getMonth() + "-" + dat1.getDate() + "<br/><br/>");

▼ 두 개의 Date 객체를 사칙연산으로 계산하게 되면 결과값으로 밀리세컨까지 연산된 숫자가 반환됩니다. 이 값으로 두 날짜 사이에 얼마나 차이가 나는지 알려면 24시, 60분, 60초, 1000값을 곱한 결과값으로 나누면 됩니다. 이렇게 나누게 되면 하루 단위를 구할 수 있습니다. 이것을 다시 30 으로 나누면 월이 구해 지고 30 * 12 로 나누면 년단위를 구할 수 있는 것이죠.

// 날짜 차이 알아 내기 
var diff = dat2 - dat1;
var currDay = 24 * 60 * 60 * 1000;// 시 * 분 * 초 * 밀리세컨
var currMonth = currDay * 30;// 월 만듬
var currYear = currMonth * 12; // 년 만듬

document.write("* 날짜 두개 : " + strDate1 + ", " + strDate2 + "<br/>");
document.write("* 일수 차이 : " + parseInt(diff/currDay) + " 일<br/>");
document.write("* 월수 차이 : " + parseInt(diff/currMonth) + " 월<br/>");
document.write("* 년수 차이 : " + parseInt(diff/currYear) + " 년<br/><br/>");

▼ 위에서 날짜를 구하고 뺄 때 년월일을 분리해서 문자열로 합치는 다소 번거로운 과정을 거쳤습니다. 아래 방법은 계산한 값을 년월일에 해당하는 함수에 셋팅 하면 간단하게 결과값을 얻을 수 있습니다. 출력할 때는 toLocaleString() 함수를 이용합니다.

// 또 다른 날짜 구하는 방법 
dat1.setMonth(dat1.getMonth() + 3);
document.write("* 3개월 더하기 : " + dat1.toLocaleString() + "<br/>");

▼ 위에서 구현한 전체 HTML 소스 입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>날짜 계산 </title>
<script type="text/javascript">
	var strDate1 = "2015-5-6";
	var strDate2 = "2015-6-25";
	var arr1 = strDate1.split('-');
	var arr2 = strDate2.split('-');
	var dat1 = new Date(arr1[0], arr1[1], arr1[2]);
	var dat2 = new Date(arr2[0], arr2[1], arr2[2]);
	
	// 날짜 더하고 빼기
	document.write("* 현재날짜 : " + strDate1 + "<br/>");
	document.write("* 3일 더하기 : " 
			+ dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() + 3) 
			+ "<br/>");
	document.write("* 3일 빼기 : " 
			+ dat1.getFullYear() + "-" + dat1.getMonth() + "-" + (dat1.getDate() - 3) 
			+ "<br/><br/>");
	
	// 월 더하고 빼기
	document.write("* 현재날짜 : " + strDate1 + "<br/>");
	document.write("* 3개월 더하기 : " 
			+ dat1.getFullYear() + "-" + (dat1.getMonth() + 3) + "-" + dat1.getDate()
			+ "<br/>");
	document.write("* 3개월 빼기 : " 
			+ dat1.getFullYear() + "-" + (dat1.getMonth() - 3) + "-" + dat1.getDate()
			+ "<br/><br/>");
	
	// 년 더하고 빼기
	document.write("* 현재날짜 : " + strDate1 + "<br/>");
	document.write("* 3년 더하기 : " 
			+ (dat1.getFullYear() + 3) + "-" + dat1.getMonth() + "-" + dat1.getDate() 
			+ "<br/>");
	document.write("* 3년 빼기 : " 
			+ (dat1.getFullYear() - 3) + "-" + dat1.getMonth() + "-" + dat1.getDate()
			+ "<br/><br/>");
	
	// 날짜 차이 알아 내기 
	var diff = dat2 - dat1;
	var currDay = 24 * 60 * 60 * 1000;// 시 * 분 * 초 * 밀리세컨
	var currMonth = currDay * 30;// 월 만듬
	var currYear = currMonth * 12; // 년 만듬
	
	document.write("* 날짜 두개 : " + strDate1 + ", " + strDate2 + "<br/>");
	document.write("* 일수 차이 : " + parseInt(diff/currDay) + " 일<br/>");
	document.write("* 월수 차이 : " + parseInt(diff/currMonth) + " 월<br/>");
	document.write("* 년수 차이 : " + parseInt(diff/currYear) + " 년<br/><br/>");
	
	// 또 다른 날짜 구하는 방법 
	dat1.setMonth(dat1.getMonth() + 3);
	document.write("* 3개월 더하기 : " + dat1.toLocaleString() + "<br/>");
	
</script>

</head>
<body>
</body>
</html>

Jquery 날짜 비교 Moment 날짜 비교 JavaScript 날짜 빼기