jQuery UI Datepicker에서 토요일, 일요일 및 공휴일을 비활성화하는 방법은 무엇입니까?

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

jQuery UI Datepicker는 편리한 날짜 선택 기능을 제공하지만 항상 그렇지 않을 수도 있습니다. 특정 요구 사항을 충족합니다. 예를 들어, 특정 요일이나 휴일을 선택 가능에서 제외할 수 있습니다. jQuery UI Datepicker를 사용하여 토요일, 일요일 및 공휴일을 비활성화하는 방법은 다음과 같습니다.

beforeShowDay 옵션 사용

beforeShowDay 옵션을 사용하면 호출될 함수를 지정할 수 있습니다. 날짜 선택기에 표시된 각 날짜에 대해. 이 함수에서 true 또는 false를 반환하면 날짜 선택 가능 여부를 제어할 수 있습니다.

토요일과 일요일을 비활성화하려면 다음 코드를 사용하세요.

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

결합 제외 규칙

공휴일도 제외하고 싶다고 가정해 보겠습니다. 이 경우 noWeekends 논리와 휴일 제외 논리를 결합하는 사용자 정의 함수를 생성할 수 있습니다.

휴일에 대해 false를 반환하는 nationalDays 함수가 있다고 가정합니다.

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

그런 다음 beforeShowDay 콜백으로 설정하세요.

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

참고: jQuery에서 UI 1.8.19 이상에서 beforeShowDay 옵션은 비활성화된 날짜 위에 마우스를 올리면 도구 설명을 표시하기 위한 선택적 세 번째 매개변수를 지원합니다.

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