jQuery UI Datepicker에서 토요일, 일요일 및 공휴일을 비활성화하려면 어떻게 해야 합니까?

jQuery UI Datepicker에서 토요일, 일요일, 공휴일 비활성화

jQuery UI Datepicker는 날짜를 선택하는 다용도 도구이지만, 주말이나 공휴일 등 특정 요일을 비활성화해야 한다면? 다행히 이를 달성할 수 있는 방법이 있습니다.

beforeShowDay 옵션 사용

beforeShowDay 옵션을 사용하면 날짜 선택기. 이 함수는 두 요소가 있는 배열을 반환합니다.

• [0]: 날짜를 선택할 수 있으면 true, 비활성화하면 false
• [1]: CSS 클래스 이름 또는 기본 프레젠테이션의 경우 빈 문자열

토요일과 일요일을 비활성화하려면 $.datepicker.noWeekends 함수를 전달하면 됩니다. to beforeShowDay:

$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends });

공휴일과 결합

위 예시에서 제공된 nationalDays 함수를 사용하여 공휴일을 제외할 수도 있습니다. 두 가지를 결합하려면 다음 코드를 사용합니다.

function noWeekendsOrHolidays(date) {
    var noWeekend = $.datepicker.noWeekends(date);
    if (noWeekend[0]) {
        return nationalDays(date);
    } else {
        return noWeekend;
    }
}

그런 다음 noWeekendsOrHolidays를 beforeShowDay에 전달합니다.

$(".selector").datepicker({ beforeShowDay: noWeekendsOrHolidays });

참고: jQuery UI 1.8.19 및 나중에 beforeShowDay 옵션은 팝업 툴팁에 대한 선택적 세 번째 매개변수도 허용합니다.

위 내용은 jQuery UI Datepicker에서 토요일, 일요일 및 공휴일을 비활성화하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!