- 날짜 계산하기
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> DEMO of Day's Count </title>
<script type="text/javascript">
<!--
// 10보다 작으면 0 붙임
Number.prototype.to2=function(){return (this<10)?'0'+this:this;}
// Date개체에 get 함수 추가, YYYY-MM-DD 형식 반환
Date.prototype.get=function(){
return this.getFullYear() + '-' +(this.getMonth()+1).to2() + '-' + this.getDate().to2();
}
// SelectBox 의 onChange 이벤트 발생시 호출되는 callback 함수
// SelectBox 의 숫자만큼 날짜 카운트 후 출력
function date(){
var cur = new Date(); // 현재일 추출
var day = 60 * 60 * 24 * 1000; // 하루의 밀리초단위 값
cur = cur - (document.getElementById('date').value * day);
document.getElementById('outDate').value = (new Date(cur)).get();
}
// 문서가 로드 된 후 onload 이벤트에 호출되는 callback 함수
window.onload = function(){
document.getElementById('date').focus();
date(); // 페이지 로드시엔 selectBox 의 onchange 이벤트가 발생하지 않으므로 강재 실행함.
}
//-->
</script>
</head>
<body>
<select id="date" name="date" onchange="javascript_:date();">
<option value="1">1일전</option>
<option value="7">7일전</option>
<option value="30">30일전</option>
<option value="90">90일전</option>
</select>
<input type="text" id="outDate" name="outDate">
</body>
</html>
====================================================================================================
- jquery 접근하기
'javaScript' 카테고리의 다른 글
| button 태그에서 onClick의 스크립트가 동작하지 않을때 (0) | 2015.11.23 |
|---|---|
| [jquery] jquery.blockUI를 이용한 모달창 띄우기 (0) | 2015.10.23 |
| 자바스크립트에서 ContextPath 구하기 javascript (0) | 2015.10.19 |
| href="#"... 페이지 변화 없에는 법 (0) | 2015.09.30 |
| [jquery] jquery 콤보박스 멀티선택 (0) | 2015.09.24 |
