본문 바로가기
프로그래밍/개발일반

간단하게 테스트 해본 jQuery 달력(DatePicker)

by zoo10 2012. 6. 1.

갑자기 테스트 해 보고 싶어서 만들어 본 달력입니다. 

인클루드 되는 파일은 무지 많지만 함 시험삼아 보시는 것도 좋겠네요. 

어찌됬든 아주 멋있긴 하네요.



<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Datepicker - Localize calendar</title>
	<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
	<script src="http://jqueryui.com/jquery-1.7.2.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
	<script src="http://jqueryui.com/ui/jquery.ui.datepicker.js"></script>
	<script src="http://jqueryui.com/ui/i18n/jquery.ui.datepicker-ko.js"></script>
	<link rel="stylesheet" href="http://jqueryui.com/demos/demos.css">
	<script>
	$(function() {
		$.datepicker.setDefaults( $.datepicker.regional[ "ko" ] );
		$( "#datepicker" ).datepicker(
			
			{
			numberOfMonths: 3,
			showButtonPanel: true
			}
		);
	});
	</script>
</head>
<body>
<div class="demo">
	<p>Date: <input type="text" id="datepicker"/>&nbsp;</p>
</div><!-- End demo -->
</body>
</html>
긁어서 사용해 보세요. 모양은 아래와 같습니다.(스샷이에요 ^^;; 작동하지 않아요.)
2012-06-01 16;35;29.png