Markieren Sie bestimmte Datumsangaben in Angular UI DatePicker

9

Ich verwende die eckige-ui-Datepicker-Anweisung und muss einige der Daten mit farbigem Text darstellen. Ich habe Beispiele für das Bootstrap-Datepicker mit dem beforeShowDay-Ereignis gefunden, kann aber nichts für den angular-ui-Datepicker finden. Ich bin zu eckigen und eckigen ui ziemlich neu und würde irgendwelche Vorschläge schätzen.

    
user3385445 05.03.2014, 21:30
quelle

2 Antworten

1

Wenn Sie noch dabei sind, bin ich auch auf dieses Problem jetzt und hier ist ein Überblick über eine mögliche Lösung, an die ich dachte:

  1. Erhalten Sie das aktuelle Jahr und den aktuellen Monat mit einem Handler für das ng-change-Ereignis
  2. Formatieren Sie das Jahr und den Monat so, dass es um 12 Uhr am Anfang des Monats
  3. ist
  4. Wählen Sie die Tage für diesen Monat mit Ereignissen aus der Datenbank (für MySQL etwas wie: %Code%
  5. Übergeben Sie dieses Array an eine JavaScript-Funktion und erstellen Sie ein inverses Array, so dass Tag [x] wahr ist, wenn x zu einer Zahl (das Datum) von Schritt 3 gehört, und Tag [y] falsch ist, wenn y eine Zahl ist nicht im Array.
  6. Übergeben Sie das Array von Schritt 4 an die Datepicker-Direktive (vermutlich als eventfulDays gespeichert)
  7. Verwenden Sie ng-class="{'highlight': eventfulDays [x] == true}", um es hervorzuheben.

Habe es nicht versucht, werde es aber wahrscheinlich bald implementieren!

    
zephinzer 31.01.2015 10:05
quelle
0
%Vor%

Fügen Sie customClass in Ihren Datepicker-Optionen im Controller hinzu

%Vor%

Rufen Sie getDayClass () auf Und in der for-Schleife können Sie Logik schreiben, um die Klasse zu mehreren Daten hinzuzufügen, zum Beispiel:

%Vor%

Fügen Sie diese Klasse in Ihrem HTML

hinzu %Vor%     
Radha vedak 18.09.2017 11:51
quelle