[jQuery]UI - datepicker(달력)
카테고리 없음2014. 8. 7. 14:39
jquery ui에서 달력을 지원 하고 있다.
주소는 http://jqueryui.com/datepicker/ 이며 간단하게 달력을 만들 수 있다.
기본적인 사용법은 이렇다.
|
1
2
3
4
5
6
7
8
9
10 |
<head>
<link href="/jqueryui/jquery-ui.min.css" rel="stylesheet">
<script src="/jqueryui/jquery-ui.min.js"></script>
</head>
<body>
<input type="text" id="calender"><!-- 혹은 <div> -->
<script>
$('#calender').datepicker();
</script>
</body> |
<div>로 하면 달력이 상시 보이게 된다.
더 이상의 기능은 http://api.jqueryui.com/datepicker/ 에서 확인.
- 한글 이용하기
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 |
jQuery(function($) {
$.datepicker.regional['ko'] = {
closeText : '닫기',
prevText : '이전달',
nextText : '다음달',
currentText : '오늘',
monthNames : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
monthNamesShort : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
dayNames : ['일', '월', '화', '수', '목', '금', '토'],
dayNamesShort : ['일', '월', '화', '수', '목', '금', '토'],
dayNamesMin : ['일', '월', '화', '수', '목', '금', '토'],
weekHeader : 'Wk',
dateFormat : 'yy-mm-dd',
firstDay : 0,
isRTL : false,
duration : 200,
showAnim : 'show',
showMonthAfterYear : false,
yearSuffix : '년'
};
$.datepicker.setDefaults($.datepicker.regional['ko']);
}); |
댓글()
