Wie zeige ich Datum und Uhrzeit in AngularJS richtig an?
Die folgende Ausgabe zeigt sowohl die Eingabe als auch die Ausgabe mit und ohne AngularJS-Datumsfilter:
In: {{v.Dt}}
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
Dies druckt:
In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Z
Das gewünschte Anzeigeformat ist
2010-10-28 23:40:23 0400
oder2010-10-28 23:40:23 EST
Der Code sollte funktionieren , wie Sie es sehen haben diese Geige .
Sie müssen jedoch sicherstellen, dass
v.Dt
es sich um ein geeignetes Datumsobjekt handelt , damit es funktioniert.oder wenn dateFormat im Gültigkeitsbereich als dateFormat = 'JJJJ-MM-TT HH: mm: ss Z' definiert ist:
quelle
Date
Typ für eine Variable zu sein. Zeitstempel lange funktioniert auch gutIch weiß, dass dies ein alter Gegenstand ist, dachte aber, ich würde eine andere Option in Betracht ziehen.
Da die ursprüngliche Zeichenfolge den Demarker "T" nicht enthält, erkennt die Standardimplementierung in Angular ihn nicht als Datum. Sie können es mit einem neuen Datum erzwingen, aber das ist ein bisschen schmerzhaft für ein Array. Da Sie Filter zusammen leiten können, können Sie möglicherweise einen Filter verwenden, um Ihre Eingabe in ein Datum zu konvertieren und dann den Filter date: auf das konvertierte Datum anzuwenden. Erstellen Sie einen neuen benutzerdefinierten Filter wie folgt:
Dann können Sie in Ihrem Markup die Filter zusammen leiten:
quelle
Sie können den 'Datums'-Filter folgendermaßen erhalten:
Dadurch erhalten Sie das heutige Datum in dem von Ihnen gewünschten Format.
quelle
Hier ist ein Filter , der eine Datumszeichenfolge ODER ein Javascript-Date () -Objekt verwendet. Es verwendet Moment.js und kann jede Moment.js- Transformationsfunktion anwenden , z. B. die beliebte Funktion 'fromNow'.
So...
würde den 11. November 2014 anzeigen
würde anzeigen 10 Minuten
Wenn Sie mehrere Momentfunktionen aufrufen müssen, können Sie sie verketten. Dies konvertiert in UTC und formatiert dann ...
https://gist.github.com/cmmartin/341b017194bac09ffa1a
quelle
Hier einige beliebte Beispiele:
<div>{{myDate | date:'M/d/yyyy'}}</div>
04.07.2014<div>{{myDate | date:'yyyy-MM-dd'}}</div>
2014-07-04<div>{{myDate | date:'M/d/yyyy HH:mm:ss'}}</div>
04.07.2014 12:01:59quelle
Haben Sie den Abschnitt Schreibanweisungen (Kurzversion) der Dokumentation gesehen ?
HTML
JS
quelle
Innerhalb eines Controllers kann das Format durch Einfügen von $ filter gefiltert werden.
quelle
Wenn Sie wie "30.01.2017 16:31:20" ausgeben möchten, folgen Sie einfach dem einfachen Schritt
Schritt 1 - Deklarieren Sie die folgende Variable in js controller
step2- Anzeige in HTML-Seite wie
{{current_time | Datum: 'mittel'}}
quelle
Wir können das Datum auf der Ansichtsseite sehr einfach in einem Winkel formatieren. Bitte überprüfen Sie das folgende Beispiel:
{{dt | Datum: "TT-MM-JJJJ"}}
quelle
Sie können
momentjs
den Datums- / Zeitfilter in anglejs implementieren. Beispielsweise:Wo Datum im Zeitstempelformat ist.
quelle
In
$filter
Abhängigkeit in der Steuerung.quelle
Ich würde Ihnen empfehlen, moment.js zu verwenden. Es hat eine gute Unterstützung für die Datumsformatierung nach Gebietsschemas.
Erstellen Sie einen Filter, der intern die moment.js-Methode zum Formatieren des Datums verwendet.
quelle