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

Deaktivieren von Samstagen, Sonntagen und Feiertagen im jQuery UI Datepicker

Der jQuery UI Datepicker ist ein vielseitiges Tool zum Auswählen von Daten, aber was Wenn Sie bestimmte Tage, z. B. Wochenenden oder Feiertage, deaktivieren müssen? Glücklicherweise gibt es eine Möglichkeit, dies zu erreichen.

Verwenden der Option beforeShowDay

Mit der Option beforeShowDay können Sie eine Rückruffunktion angeben, die für jeden Tag im aufgerufen wird Datumsauswahl. Diese Funktion gibt ein Array mit zwei Elementen zurück:

• [0]: true, wenn das Datum auswählbar ist, false, wenn es deaktiviert ist
• [1]: Ein CSS-Klassenname(n) oder eine leere Zeichenfolge für die Standardpräsentation

Um Samstage und Sonntage zu deaktivieren, übergeben Sie einfach die Funktion $.datepicker.noWeekends an beforeShowDay:

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

Kombination mit Nationalfeiertagen

Sie können Nationalfeiertage auch mit der im obigen Beispiel bereitgestellten Funktion nationalDays ausschließen. Um beides zu kombinieren, verwenden Sie den folgenden Code:

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

Übergeben Sie dann noWeekendsOrHolidays an beforeShowDay:

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

Hinweis: In jQuery UI 1.8.19 und Später akzeptiert die Option beforeShowDay auch einen optionalen dritten Parameter für einen Popup-Tooltip.

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