>웹 프론트엔드 >JS 튜토리얼 >jQuery UI Datepicker에서 주말과 공휴일을 어떻게 제외할 수 있나요?

jQuery UI Datepicker에서 주말과 공휴일을 어떻게 제외할 수 있나요?

DDD
DDD원래의
2024-11-19 04:25:02721검색

How Can I Exclude Weekends and Holidays from jQuery UI Datepicker?

jQuery UI Datepicker에서 토요일, 일요일, 공휴일 제외

jQuery UI datepicker를 사용하여 다음 달에 약속을 예약합니다. , 하지만 토요일과 일요일을 제외하려고 합니다. beforeShowDay 옵션은 이에 대한 사용자 정의 가능한 솔루션을 제공합니다.

beforeShowDay Option

이 옵션은 두 요소가 포함된 배열을 반환하는 콜백 함수를 사용합니다.

예: 주말 제외

내장된 noWeekends 기능을 사용하여 주말을 제외하려면 해당 기능을 beforeShowDay 옵션:

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

예: 공휴일과 결합

특정 공휴일도 제외하려는 경우 사용자 정의 콜백 함수를 정의하고 결합할 수 있습니다. noWeekends 사용:

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.