날짜 양식의 차이 계산

날짜 양식의 차이 계산에 대한 메모. 더 잘하는 방법이있을 수 있습니다.

만든 계기

당사에서 운영하고 있는 자동견적서 발행시스템　

html 부분

html5의 input type="date"기능을 사용했습니다. 다음과 같은 HTML입니다.

<input type="date" id="Dates1_start" name="Dates1_start" value="2019-11-16" min="2019-11-16" max="2020-01-10" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">

현대적인 브라우저라면 캘린더 표시하여 날짜를 선택할 수 있습니다.

"내 견적"

날짜 차이 계산

원시적인 방법입니다만, 「날짜를 마이크로초로 변환해, 86400000으로 나눈다」로 구현했습니다.

var Dates1_start = new Date( Dates1_startval );
var Dates1_end = new Date( Dates1_endval );
var Dates1_day = Math.floor((Dates1_end - Dates1_start + 86400000)/86400000);

86400000을 더한 이유는 시작일과 종료일이 같으면 일수를 1로 하고 싶기 때문입니다.

샘플 페이지

실제로 움직이는 예는 을 참조하십시오.