Wie schließe ich Wochenenden und Feiertage vom jQuery UI Datepicker aus?

Samstage, Sonntage und Feiertage aus der jQuery UI Datepicker ausschließen

Der jQuery UI Datepicker bietet ein robustes Tool zum Auswählen von Daten. Um die Funktionalität zu verbessern, möchten Sie möglicherweise bestimmte Daten, z. B. Wochenenden oder Feiertage, deaktivieren. Glücklicherweise ist dies mit der leistungsstarken Option beforeShowDay möglich.

Die Option beforeShowDay akzeptiert eine Funktion, die ein Datum als Eingabe verwendet und ein Array zurückgibt. Das Rückgabearray enthält zwei Werte:

1. Ein boolescher Wert, der angibt, ob das Datum zur Auswahl verfügbar ist (wahr) oder nicht (falsch).
2. Ein optionaler CSS-Klassenname, der auf angewendet werden soll Datum oder eine leere Zeichenfolge für den Standardstil.

Auswahl von Wochenenden verhindern

Um die Auswahl von Samstagen und Sonntagen zu verhindern, können Sie die integrierte jQuery-Benutzeroberfläche verwenden -in noWeekends-Funktion, die für Wochenenddaten „false“ zurückgibt:

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

Feiertage ausschließen

Sie können eine benutzerdefinierte Funktion definieren, um bestimmte Feiertage aus der Datumsauswahl auszuschließen. Der folgende Code deaktiviert beispielsweise die Auswahl nationaler Feiertage, die im Array natDays definiert sind:

function nationalDays(date) {
  for (i = 0; i < natDays.length; i++) {
    if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
      return [false, natDays[i][2] + '_day'];
    }
  }
  return [true, ''];
}

Ausschluss von Wochenenden und Feiertagen kombinieren

Um sowohl Wochenenden als auch Feiertage zu deaktivieren, Sie können die Funktionen noWeekends und nationalDays kombinieren. Das folgende Beispiel erstellt eine benutzerdefinierte noWeekendsOrHolidays-Funktion, die für Wochenend- oder Feiertagsdaten „false“ zurückgibt:

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

Durch die Verwendung der beforeShowDay-Option mit diesen benutzerdefinierten Funktionen können Sie Samstage, Sonntage und bestimmte Feiertage in Ihrem effektiv deaktivieren jQuery UI Datepicker, mit dem Sie eine individuellere und restriktivere Datumsauswahl erstellen können.

Das obige ist der detaillierte Inhalt vonWie schließe ich Wochenenden und Feiertage vom jQuery UI Datepicker aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!