jquery 달력

jquery 달력

jquery.com 에 가면 소스가 무지하게 많습니다.

한번 보시는 것도 괜찮을 듯...ㅎㅎ

암튼 저거 한다고 시간 꽤 잡아먹었네요~

----------------- calendar.html-----------------------------------------

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Datepicker - Localize calendar</title>
	<link type="text/css" href="themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.datepicker.js"></script>
	<script type="text/javascript" src="ui/ui.datepicker-ko.js"></script>
	<link type="text/css" href="ui/demos.css" rel="stylesheet" />
	<script type="text/javascript">

$(function() {
		$('#datepicker').datepicker({
			changeMonth: true,
			changeYear: true,
			yearRange: '2009:2020'
		});		
	});
	//		$("#datepicker").datepicker($.datepicker.regional['ko']);
	</script>
</head>
<body>

<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>

</div>

</body>
</html>

calendar.zip 파일을 압축 풀어보면

themes 폴더와
ui 폴더
calendar.html 파일과
jquery-1.3.2.js 파일이 보이실껍니다.

달력 요일 영문으로 바꾸고 싶은 분은
<script type="text/javascript" src="ui/ui.datepicker-ko.js"></script>
10번줄을 주석 처리하시면 됩니다.

changeMonth: true, <-- false로 하시면 월 표시 셀렉트 박스가 사라집니다.
changeYear: true, <-- false로 하시면 년도 표시 셀렉트 박스가 사라집니다.
yearRange: '2009:2020' <-- 2009년 부터 2020년 까지 달력 표시

calendar_op.zip

몇몇가지 옵션을 더 설정한 파일 입니다.

Change Agent(변화변혁 주도자)

jquery 달력

티스토리툴바

jquery 달력

관련글

티스토리툴바