Ich erhalte den Wert des Geburtsdatums von meiner API. Ich muss das in 3 verschiedenen Textfeldern wie Jan, 01 und 2000 anzeigen.

Wie versuche ich das in TS.

Ich habe versucht, das Geburtsdatum in der Datumsvariablen zu speichern. aber es gibt Wert wie Sa Jan 01 2000 00:00:00 GMT-0500. Stattdessen brauche ich drei Werte 01. Januar und 2000.

Ich habe Date Pipe ausprobiert, das mir ein Datum wie Jan-01-2000 gibt.

 this.newDate=new Date(this.patient.dateOfbirth);
1
khushi 18 Jän. 2019 im 22:13

3 Antworten

Beste Antwort

Wenn Sie es in Eingabefeldern anzeigen möchten, würde ich vorschlagen, dass Sie das Datum in der Klasse selbst wie unten beschrieben analysieren und in Eingabefeldern verwenden:

  1. Für ein Jahr können Sie Folgendes tun: newDate.getFullYear()
  2. Erstellen Sie für einen Monat eine Reihe von Monatsnamen, z. B.: let monthNames = ['Jan', 'Feb', ..., 'Dec'], rufen Sie den Monatsindex vom Datum ab und verwenden Sie diesen, um den Monatsnamen monthNames[newDate.getMonth()] abzurufen.
  3. Für Datum newDate.getDate()

Wenn Sie das Datum einfach in einer HTML-Vorlage anzeigen möchten, können Sie Angular Datepipe wie folgt verwenden:

  1. Für das Jahr {{newDate | date:'yyyy'}}
  2. Für Monat {{newDate | date:'MMM'}}
  3. Für Datum {{newDate | date:'dd'}}
0
shhdharmen 18 Jän. 2019 im 19:46

Überprüfen Sie die Ionic DateTime-Komponente https://ionicframework.com/docs/api/components/datetime/DateTime/

So können Sie machen, was Sie wollen:

Code

dateToShow : any;

this.newDate=new Date(this.patient.dateOfbirth);
dateToShow = newDate.toISOString();

Vorlage

<ion-datetime displayFormat="MMM/DD/YYYY" [(ngModel)]="dateToShow"></ion-datetime>
0
Valentin Garcia 18 Jän. 2019 im 19:32

Bitte versuchen Sie es mit Rohren, wenn es möglich ist

Es gibt einige vordefinierte, wie z

'mediumDate': Entspricht 'MMM d, y' (15. Juni 2015). 'longDate': Entspricht 'MMMM d, y' (15. Juni 2015). 'fullDate': entspricht 'EEEE, MMMM d, y' (Montag, 15. Juni 2015)

Verwenden von: {{dateObj | Datum: 'mediumDate'}}

Sie können ein benutzerdefiniertes Rohr hinzufügen, wenn das Basic nicht für Sie geeignet ist.

{{Wert | Pipe: 'args'}}

https://angular.io/api/common/DatePipe

0
18 Jän. 2019 im 20:02