티스토리 뷰
$(".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월'] // 월의 한글 형식.
});
보통은 그냥 잘 썼는데
생년월일을 입력하는 경우가 생겼다
기본 설정 상태로 내 생일 찾으려니
이전달 버튼을 수백번 넘게 클릭해야 한다...
그래서 위의 옵션들을 적절히 사용하면
이렇게 된다
'프로그래밍 > Front (HTML, CSS, JS)' 카테고리의 다른 글
[jQuery] 자바스크립트 클립보드 복사하기 (ZeroClipboard / zclip 라이브러리 이용) (1) | 2012.08.09 |
---|---|
[JavaScript] IE(익스플로러) 9 버전에서의 DHTMLX GRID 화면 표시 오류 (1) | 2012.04.13 |
[JavaScript] replaceAll 구현 (0) | 2012.02.01 |
[JavaScript] 배열에 값이 있는지 검사 (0) | 2012.02.01 |
[JavaScript] 원하는 모양으로 인쇄하기 (0) | 2012.02.01 |
- 시각 차이
- 페이지 이동
- 동양인
- JavaScript
- mvc
- struts
- 안드로이드
- 구매 가이드
- 데이터베이스
- 랜덤
- 기본
- JSP
- 서양인
- 주피터 노트북
- jstl
- 함수
- 스프링
- EL
- ibatis
- 코멧
- 스트럿츠
- 자바스크립트
- Android
- window
- MacOS
- 테이블
- 여성가족부
- 특수문자
- 오류
- 파이썬
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Total
- Today
- Yesterday