Skip to content

Instantly share code, notes, and snippets.

@enujo

enujo/date.html

Created March 27, 2017 08:15
Show Gist options
  • Save enujo/f097b2f76d58f0fa34aad1a42ac55dd9 to your computer and use it in GitHub Desktop.
Save enujo/f097b2f76d58f0fa34aad1a42ac55dd9 to your computer and use it in GitHub Desktop.
Download ZIP
javascript 날짜 계산
Raw
date.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#endDate').change(function(e) {
var startDate = document.getElementById("startDate").value;
var endDate = document.getElementById("endDate").value;
var startDateArr = startDate.split('-');
var endDateArr = endDate.split('-');
var checkinDate = new Date(startDateArr[0], startDateArr[1], startDateArr[2]);
var checkoutDate = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
// 날짜 차이 알아 내기
var diff = checkoutDate - checkinDate;
var currDay = 24 * 60 * 60 * 1000;// 시 * 분 * 초 * 밀리세컨
var currMonth = currDay * 30;// 월 만듬
var currYear = currMonth * 12; // 년 만듬
var diff = parseInt(diff/currDay);
/* document.write("* 날짜 두개 : " + strDate1 + ", " + strDate2 + "<br/>");
document.write("* 일수 차이 : " + parseInt(diff/currDay) + " 일<br/>");
document.write("* 월수 차이 : " + parseInt(diff/currMonth) + " 월<br/>");
document.write("* 년수 차이 : " + parseInt(diff/currYear) + " 년<br/><br/>"); */
$("#stayDay").html(diff);
});
});
</script>
</head>
<body>
체크인
<input name="startDate" type="date" value="2017-05-05" readonly="readonly" id="startDate" />
체크아웃
<input name="endDate" type="date" value="2017-05-05" id="endDate" />
</br> <p id="stayDay" name="stayDay"></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment