Wie deaktiviere ich Wochenenden und Feiertage im Datepicker der jQuery-Benutzeroberfläche?

Deaktivieren von Samstagen, Sonntagen und Feiertagen im jQuery UI Datepicker

Der jQuery UI Datepicker bietet umfangreiche Anpassungsoptionen, um spezifischen Anforderungen gerecht zu werden. Ein häufiger Bedarf besteht darin, bestimmte Wochentage oder bestimmte Daten aus dem Auswahlbereich zu deaktivieren.

Wochenenden deaktivieren

Um zu verhindern, dass Benutzer Wochenendtage (Samstage und Sonntage) auswählen ), können Sie die integrierte Funktion $.datepicker.noWeekends nutzen:

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

Deaktivieren Feiertage

Um bestimmte Feiertage von der Auswahl auszuschließen, können Sie eine benutzerdefinierte Funktion erstellen wie:

function nationalDays(date) {
  // Replace [YOUR_HOLIDAY_DATES] with the specific dates you want to disable.
  if ([YOUR_HOLIDAY_DATES].includes(date.toString())) {
    return [false, 'holiday-day'];
  }
  return [true, ''];
}

Wochenend- und Feiertagsdeaktivierung kombinieren

Um sowohl Wochenenden als auch Feiertage zu deaktivieren, können Sie die beiden Funktionen kombinieren:

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

Anschließend wenden Sie die kombinierte Funktion an der Datepicker:

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

Hinweis: In jQuery UI 1.8.19 und höher unterstützt die Option beforeShowDay einen optionalen dritten Parameter für die Anzeige eines Tooltips an deaktivierten Daten.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich Wochenenden und Feiertage im Datepicker der jQuery-Benutzeroberfläche?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!