[JavaScript] 날짜 계산

Yuni·2023년 9월 18일
0

Javascript

목록 보기
14/17
<input type="date" class="dark-input" id="startDay" name="startDay" aria-required="true" required>
<input type="date" class="dark-input" id="endDay" name="endDay" aria-required="true" required>

날짜 계산 후 오류창 띄우기

var end = new Date(document.getElementById("endDay").value);
var start = new Date(document.getElementById("startDay").value);

var dateGap = Math.ceil((end.getTime() - start.getTime()) / (1000 * 3600 * 24));

var endDay = $('#endDay').val();
$("#startDay").prop("max", endDay);

/* 두 날짜 차이가 -1 이면 오류 알림창을 띄우고 startDay로 포커스를 준다*/
if(dateGap < 0){ 
  alert("날짜를 확인해주세요");
  document.getElementById("startDay").focus();
}

날짜 계산 후 이전날짜 값 바꿔주기

var start = new Date(document.getElementById("startDay").value);
var end = new Date(document.getElementById("endDay").value);

var dateGap = Math.ceil((end.getTime() - start.getTime()) / (1000 * 3600 * 24));
    
var endDay = document.getElementById("endDay").value;
    
if(dateGap < 0){
	console.log("값 변경하기")
    $("#startDay").prop("max", endDay);
    $('#startDay').val(endDay);
}

참고자료
https://okimaru.tistory.com/325

profile
backend developers

0개의 댓글

Powered by GraphCDN, the GraphQL CDN