본문 바로가기

IT

jquery ui datepicker 특정 요일 막기 예제

 

jquery ui  datepicker 사용시 특정 요일 막는 방법 !!

내일부터 일주인 날짜만 활성화 되면서 일요일 비활성화 하는 방법!

jqeury datepicker 사용시 class 로 지정하면 동일한 클래스를 가진 input 창은 모두 datepicker가 설정됩니다.

 

jquery ui datepicker 특정 요일 막기 예제

//일주일간의 데이터만 보이도록 지정  

$(".days").datepicker({
  showOn: "button"
  , buttonImage: "/images/icon/cal.gif"
  , buttonImageOnly: true
  , minDate: new Date(<?=$now_year?>, <?=$now_month-1?>, <?=$now_day?>)
  , maxDate: new Date(<?=$next_year?>, <?=$next_month-1?>, <?=$next_day?>)
  , showMonthAfterYear:true
  , 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월']
  , dayNamesMin: ['일','월','화','수','목','금','토']
  , weekHeader: 'Wk'
  , dateFormat: 'yy-mm-dd'
  , beforeShowDay: noSundays

 });

// 일요일만 선택 막기
 function noSundays(date) {
   return [date.getDay() != 0, ''];
 }

 

 

참고 : http://nampoong.tistory.com/75