datepicker 사용하여 공휴일 직접 지정하기




var holidays = {
"0101":{type:0, title:"신정", year:""},
"0301":{type:0, title:"삼일절", year:""},
"0505":{type:0, title:"어린이날", year:""},
"0606":{type:0, title:"현충일", year:""},
"0815":{type:0, title:"광복절", year:""},
"1003":{type:0, title:"개천절", year:""},
"1009":{type:0, title:"한글날", year:""},
"1225":{type:0, title:"크리스마스", year:""},

"0209":{type:0, title:"설날", year:"2013"},
"0210":{type:0, title:"설날", year:"2013"},
"0211":{type:0, title:"설날", year:"2013"},
"0918":{type:0, title:"추석", year:"2013"},
"0919":{type:0, title:"추석", year:"2013"},
"0920":{type:0, title:"추석", year:"2013"},
"0517":{type:0, title:"석가탄신일", year:"2013"}
};

jQuery(function($){
$.datepicker.regional['ko'] = {
closeText: '닫기',
prevText: '이전달',
nextText: '다음달',
currentText: '오늘',
monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)', '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
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,
showMonthAfterYear: true,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['ko']);
$('#booking_date').datepicker({
showOn: 'both',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
minDate: '+1d',
beforeShowDay: function(day) {
var result; // 포맷에 대해선 다음 참조(http://docs.jquery.com/UI/Datepicker/formatDate)
var holiday = holidays[$.datepicker.formatDate("mmdd",day )];
var thisYear = $.datepicker.formatDate("yy", day); // exist holiday?
if (holiday) {
if(thisYear == holiday.year || holiday.year == "") {
result = [false, "date-holiday",
holiday.title];
}
}
if(!result) {
switch (day.getDay()) {
case 0: // is sunday?
result = [false, "date-sunday"];
break;
case 6: // is saturday?
result = [true, "date-saturday"];
break;
default:
result = [true, ""];
break;
}
}
return result;
}
});
});
 
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
42 datepicker 사용하여 공휴일 직접 지정하기 관리자 06-11 65
41 Dropzone - 이미지 & 파일 업로드 (드래그 앤 드롭) 라이브러리 관리자 03-06 278
40 JSPDF 사용법(Javascript pdf) 관리자 03-04 300
39 FullCalendar(풀캘린더) 어거지 사용법 관리자 01-25 454
38 JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${} 관리자 12-28 316
37 [CSS] 가로 스크롤 구현하기 관리자 12-27 411
36 JCROP을 이용한 업로드한 크롭( CROP ) 하기 관리자 12-27 362
35 제이쿼리 - 모달 다이아로그 및 여러 알림창들 관리자 12-21 183
34 Javascript/jQuery 이미지 회전 돋보기 관리자 11-07 408
33 Resolving the Issue of Fakepath in JavaScript 관리자 10-26 209
32 div 및 요소 화면 중앙에 위치시키기 관리자 10-21 240
31 [Jquery] 체크박스 전체 체크 , 해제 하는 방법 관리자 10-19 235
30 display 스타일 속성 사용하여 행 숨기기/보이기 관리자 09-16 392
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 564
28 div 2개 나란히 정렬하는 방법 관리자 09-09 336
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 247
26 Drag and Drop File Upload 관리자 09-03 258
25 rowspan으로 합친 table에서 룰오버 관리자 08-23 457
24 스마트에디터 입력 용량 체크 관리자 07-06 537
23 자바스크립트 정규표현식 모음 관리자 07-03 323