728x90
반응형
<D-day 출력하기>
<body>
<h2>D-day</h2>
<label>시작날짜</label>
<input type="date" id="dates02" size="50"/><br>
<label>종료날짜</label>
<input type="date" id="inputdate02"/><br>
<span id="test"></span>
<label>남은 일수</label>
<input type="text" id="result02" readonly="readonly"/>
<button>남은 일수 구하기</button>
onload=function(){
document.getElementsByTagName("button")[4].onclick = testDate05;
}
function testDate05(){ //getTime() -- milliseconds로 반환
var dates02 = document.getElementById("dates02").value;
var inputdate02 = document.getElementById("inputdate02").value;
var nowDate = new Date(dates02);
var afterDate = new Date(inputdate02);
var result = (afterDate.getTime() - nowDate.getTime())/(1000*60*60*24);
document.getElementById("result02").value = result;
}
</body>getTime()은 milliseconds로 반환되기 때문에 var result 에서 나누기 10000(milli초)/60(초)/60(분)/24(시간)을 해준다.
728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]String (0) | 2020.07.28 |
|---|---|
| [JS]Math (0) | 2020.07.28 |
| [JS]date_경과날짜 (0) | 2020.07.28 |
| [JS]date_특정날짜 (0) | 2020.07.28 |
| [JS]date_오늘날짜 (0) | 2020.07.28 |
