Deaktivieren Sie bestimmte Datumsangaben in Angularjs Datumsauswahl

7

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?

    
Mital Pritmani 03.04.2014, 12:27
quelle

2 Antworten

16

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 Ссылка


Referenzen:

Ссылка

    
Farhan Khan 03.04.2014, 18:37
quelle
5

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.

    
Leon li 12.09.2016 21:00
quelle