특정 셀렉터에만 오늘이전날짜 옵션을 지정하고 싶을 때
$("#datepicker").datepicker( "option", "minDate", "0");
$(document).ready(function(){
//모든 datepicker에 대한 공통 옵션 설정
$.datepicker.setDefaults({
dateFormat: 'yy-mm-dd' //Input Display Format 변경
,showOtherMonths: true //빈 공간에 현재월의 앞뒤월의 날짜를 표시
,showMonthAfterYear:true //년도 먼저 나오고, 뒤에 월 표시
,changeYear: true //콤보박스에서 년 선택 가능
,changeMonth: true //콤보박스에서 월 선택 가능
,showOn: "both" //button:버튼을 표시하고,버튼을 눌러야만 달력 표시 ^ both:버튼을 표시하고,버튼을 누르거나 input을 클릭하면 달력 표시
,buttonImage: "/static/admin/images/calendar.png" //버튼 이미지 경로
,buttonImageOnly: true //기본 버튼의 회색 부분을 없애고, 이미지만 보이게 함
,buttonText: "선택" //버튼에 마우스 갖다 댔을 때 표시되는 텍스트
,yearSuffix: "년" //달력의 년도 부분 뒤에 붙는 텍스트
,monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'] //달력의 월 부분 텍스트
,monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 Tooltip 텍스트
,dayNamesMin: ['일','월','화','수','목','금','토'] //달력의 요일 부분 텍스트
,dayNames: ['일요일','월요일','화요일','수요일','목요일','금요일','토요일'] //달력의 요일 부분 Tooltip 텍스트
// se.shin 공통속성에서는 주석 처리
//,minDate : 0 // 오늘 이전일자 비활성화
//,maxDate : 90 // 오늘 이후일자 비활성화
});
// 특정 셀렉터에 대한 오늘 이전날짜 비활성화
$("#datepicker").datepicker( "option", "minDate", "0");
});
'FrontEnd > jQuery' 카테고리의 다른 글
미선택시 저장불가 / 저장시 체크하면서 경고 / addClass (0) | 2021.07.12 |
---|---|
[jQuery] .attr의 사용 예 (0) | 2021.06.04 |
[jQuery] .prop의 사용 예 : disabled속성 해제 or 부여 / checked 해제 or 부여 / selected해제 or 부여 (0) | 2021.06.04 |
[jQuery] Ajax 사용 후 동적 생성(append)된 엘리먼트에 이벤트가 작동하지 않을 때 (0) | 2021.05.11 |