Ich möchte bestimmte Daten in der Datumsauswahl von AngularJS
deaktivieren.
Ich verwende AngularJS-bootstrap
css für Komponenten.
Die Daten, die ich deaktivieren möchte, ändern sich dynamisch basierend auf der Auswahl des vorherigen Wertes in Combo.
Ich glaube date-disabled="disabled(date, mode)"
sollte funktionieren, obwohl nicht sicher.
Wie kann ich das tun?
Ich gehe davon aus, dass Sie die Datepicker
-Direktive von Angular-UI verwenden. Mit dem Attribut date-disabled
können Sie bestimmte Daten (z. B. Wochenenden) deaktivieren. Sehen Sie diese Plunk Ссылка
Wenn Sie Daten basierend auf der Auswahl dynamisch deaktivieren möchten, können Sie die Attribute min
und max
und die Beobachter verwenden. Siehe Ссылка
Bitte beachten Sie, dass Sie in der neueren Version (ab 1.1.0) von AngularUI Bootstrap datepicker-options
-Attribut verwenden müssen, um das Datum zu deaktivieren, sowie Dinge wie das max / min Datum.
im HTML-Steuerelement, fügen Sie
hinzu %Vor% oder datepicker-options="dateOptions"
, wenn Sie nicht direkt controller as
, sondern $scope
verwenden.
Definieren Sie dann in Ihrem Controller das dateOptions-Objekt.
%Vor% !!! Hinweis !!! Die Funktion Signatur von dateDisabled
wurde geändert. Bisher akzeptiert es ein Datumsobjekt und eine Moduszeichenfolge. In der neueren Version handelt es sich um ein umschlossenes Objekt, das beides enthält.
Tags und Links javascript angularjs angular-ui-bootstrap