Wie deaktiviere ich Samstage, Sonntage und Feiertage im jQuery UI Datepicker?

Deaktivieren Sie Samstage, Sonntage und Feiertage im jQuery UI Datepicker

Der jQuery UI Datepicker bietet praktische Funktionen zur Datumsauswahl, dies ist jedoch möglicherweise nicht immer der Fall spezifische Anforderungen erfüllen. Beispielsweise möchten Sie möglicherweise bestimmte Wochentage oder Feiertage von der Auswahl ausschließen. So deaktivieren Sie Samstage, Sonntage und Feiertage mit der jQuery UI Datepicker.

Verwenden der Option beforeShowDay

Mit der Option beforeShowDay können Sie eine Funktion angeben, die aufgerufen wird für jeden im Datepicker angezeigten Tag. Indem Sie von dieser Funktion „true“ oder „false“ zurückgeben, können Sie steuern, ob ein Datum auswählbar ist oder nicht.

Um Samstage und Sonntage zu deaktivieren, verwenden Sie den folgenden Code:

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

Kombinieren Ausschlussregeln

Angenommen, Sie möchten auch Feiertage ausschließen. In diesem Fall können Sie eine benutzerdefinierte Funktion erstellen, die die noWeekends-Logik mit Ihrer Feiertagsausschlusslogik kombiniert.

Angenommen, Sie haben eine nationalDays-Funktion, die für Feiertage „false“ zurückgibt:

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

Und dann Legen Sie es als beforeShowDay-Rückruf fest:

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

Hinweis: In der jQuery-Benutzeroberfläche 1.8.19 und höher unterstützt die Option beforeShowDay einen optionalen dritten Parameter zum Anzeigen eines Tooltips, wenn Sie mit der Maus über deaktivierte Daten fahren.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich Samstage, Sonntage und Feiertage im jQuery UI Datepicker?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!