■ css파일 http://jqueryui.com/download/ 에서 다운로드 받은 css파일
<link rel="stylesheet" href="./css/jquery-ui.css"> <link rel="stylesheet" href="./css/jquery-ui.structure.css"> <link rel="stylesheet" href="./css/jquery-ui.theme.css">
■ jquery javascript 파일
<script type="text/javascript" src="./js/jquery-1.12.2.min.js"></script> <script type="text/javascript" src="./js/jquery-ui.1.11.4.custom.js"></script> <script type="text/javascript" src="./js/datepicker.ko.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#dt").datepicker({ dateFormat : "yy-mm-dd" }); }); </script>
■ body
<input type="text" id="dt" value="2016-05-09" size="10"/><br/>
■ datepicker 옵션(펌) DatePicker 필수 옵션 설정 예
$(".datepicker").datepicker({ showOn: "both", // 버튼과 텍스트 필드 모두 캘린더를 보여준다. buttonImage: "/application/db/jquery/images/calendar.gif", // 버튼 이미지 buttonImageOnly: true, // 버튼에 있는 이미지만 표시한다. changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스를 표시한다. changeYear: true, // 년을 바꿀 수 있는 셀렉트 박스를 표시한다. minDate: '-100y', // 현재날짜로부터 100년이전까지 년을 표시한다. nextText: '다음 달', // next 아이콘의 툴팁. prevText: '이전 달', // prev 아이콘의 툴팁. numberOfMonths: [1,1], // 한번에 얼마나 많은 월을 표시할것인가. [2,3] 일 경우, 2(행) x 3(열) = 6개의 월을 표시한다. //stepMonths: 3, // next, prev 버튼을 클릭했을때 얼마나 많은 월을 이동하여 표시하는가. yearRange: 'c-100:c+10', // 년도 선택 셀렉트박스를 현재 년도에서 이전, 이후로 얼마의 범위를 표시할것인가. showButtonPanel: true, // 캘린더 하단에 버튼 패널을 표시한다. currentText: '오늘 날짜' , // 오늘 날짜로 이동하는 버튼 패널 closeText: '닫기', // 닫기 버튼 패널 dateFormat: "yy-mm-dd", // 텍스트 필드에 입력되는 날짜 형식. showAnim: "slide", //애니메이션을 적용한다. showMonthAfterYear: true , // 월, 년순의 셀렉트 박스를 년,월 순으로 바꿔준다. dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], // 요일의 한글 형식. monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] // 월의 한글 형식. });
- jQuery checkbox 전체 선택/해제 예제 2022년 3월 15일
- Highcharts error #17 2019년 7월 10일
- Highchart TypeError: c.init is not a function 2019년 7월 10일
- Highchart 크기 조정 2019년 7월 8일
- Highcharts error #13 2019년 7월 8일
- Grid Stack Two grids demo 예제 2019년 6월 12일
- 동적으로 추가/생성된 태그에 이벤트 추가 방법 2019년 6월 10일
- Highcharts update event 2019년 3월 26일
- jdom2를 이용한 spring xml response(응답) 2017년 12월 5일
- jquery xml 요청, spring xml 리턴 2017년 12월 5일
- jquery div show hide 예제 2016년 5월 25일
- jquery css 예제 2016년 5월 25일
- jquery selectbox 예제 2016년 5월 25일
- jquery json 예제 2016년 5월 25일
- jquery template 예제 1 2016년 5월 25일
- jquery datepicker 2016년 5월 9일
- jquery radiobox 2016년 4월 29일
- jquery bgiframe 정리 2016년 2월 1일
- jquery each( $.each ) 2016년 1월 25일
- jquery spring – checkbox로 선택된 배열 주고 받기 2015년 8월 15일
- jquery spring ajax call 2015년 8월 15일
- jQuery 동적 체크박스 제어 2015년 1월 27일
- 간단한 jquery chained selectbox 예제 2014년 12월 4일
- jquery ui tip 2014년 9월 2일