jQuery 로 달력 만들기 ( Datepicker )
날짜를 선택해야하는 Form에서 유용하게 사용 될꺼 같은 jQuery Datepicker 를 이용해서 달력 만들기.
그림 1 - 샘플 이미지 입니다.
디자인 깔끔하죠? 이걸 이용해서 달력을 만들어 볼께요~
그림 2 - 연출할 이미지 입니다.
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="datepicker"></div>
</body>
</html>View Source - http://api.jqueryui.com/1.8/datepicker/
'웹이야기' 카테고리의 다른 글
| [JavaScript] onMouse 함수들 (0) | 2012.07.09 |
|---|---|
| 주민등록번호로 성별 구별하기 (0) | 2012.07.06 |
| [Javascript] 자바스크립트 영문,숫자 체크 (0) | 2012.07.04 |
| [CSS] css 속성 중 !important 선언 (0) | 2012.06.28 |
| [HTML] input 한글, 영문 입력 im-mode (0) | 2012.06.26 |
