Ungültiges argument 'date format' Rohr 'DatePipe'?

Dies scheint eine einfache Frage. Ich bin mit Pfeifen in meinen Ionic-2 Anwendung für Datumsangaben format. Dies ist die empfangene webservice-response. 

 [
  {
    "MessageID": 544882,
    "CategoryID": 1,
    "DateSent": "2015-05-18T02:30:56",
    "Title": "Jobseeker App",
    "MessageContent": "Hi Test guy just started to use the app..",
    "Sender": null,
    "Recipient": null,
    "DateReceived": null,
    "DateRead": "2015-05-18T02:30:56",
    "Note_Direction": "sent",
    "Viewed": 0,
    "AppointmentDateTime": null,
    "MessageAttachments": [

    ]
  },
  {
    "MessageID": 544886,
    "CategoryID": 1,
    "DateSent": "2015-05-18T02:42:45",
    "Title": "Jobseeker App",
    "MessageContent": "App",
    "Sender": null,
    "Recipient": null,
    "DateReceived": null,
    "DateRead": "2015-05-18T02:42:45",
    "Note_Direction": "sent",
    "Viewed": 0,
    "AppointmentDateTime": null,
    "MessageAttachments": [

    ]}
   ]

Dies ist der code-snippet, das ich verwende.

<div class="Date">
<label class="time">{{appointment.DateSent | date:"HH"}}:{{appointment.DateSent| date:"mm"}}</label>
<label class="month">{{appointment.DateSent| date:"MMM"}}</label>
<label class="day">{{appointment.DateSent| date:"dd"}}</label>
<label class="year">{{appointment.DateSent| date:"yyyy"}}</label>
</div>

Fehler: 

Invalid argument '2015-05-18T02:30:56' for pipe 'DatePipe' in [{{appointment.DateSent | date:"HH"}}:{{appointment.DateSent| date:"mm"}} in AppointmentsPage@14:37]

Ich brauche, um ein Datum im format wie dieses:

06:05
Dec
24
2015

InformationsquelleAutor happycoder | 2016-02-26

  1. 6

    Übergeben Sie falsche Parameter so eckige werfen Fehler. geändert Datums-code:

    birthday = 2015-05-18T02:30:56 //Working
birthday2 = new Date(2015-05-18T02:30:56) //Working

Oldbirthday = '2015-05-18T02:30:56'  //Not Working

    Hier bin ich mit der Variablen birthday anstatt die variable name.
    Vielleicht der Grund für den Fehler ist abgewinkelt und können nicht akzeptieren, das format von Datum als string. nach mir. Aber als die Beamten

    • dieses Rohres ist, gekennzeichnet als rein damit, es wird nicht neu bewertet werden, wenn die Eingabe mutiert ist. Stattdessen sollten Benutzer behandeln Sie das Datum als ein immutable-Objekt, und ändern Sie den Verweis, wenn das Rohr muss erneut ausgeführt werden (dies ist zu vermeiden, Neuformatierung, die Datum auf jeder change-detection laufen, das würde eine teure operation sein).
      https://angular.io/docs/ts/latest/api/common/DatePipe-class.html

    arbeiten plnkr
    http://plnkr.co/edit/b9Z090rQpozMoMi0BWaY?p=preview

    update :

    Bedarf von @Kanishka ja, Sie können aktualisieren Sie Ihre Datum und verwandeln sich in new date() aus der HTML-Seite zum Aufruf der setter-und getter-Funktion Typoskript für die gleichen. hier ist ein Beispiel für das, was Sie suchen. also mit diesem, ich glaube nicht, dass Sie benötigen, um erstellen Sie Ihr eigenes array aus der Antwort. Ich hoffe, es kann Ihnen helfen, und schlagen Sie eine neue Methode, um zu spielen mit der Antwort, die vom front-End.

    <label>{{setDate('2015-05-18T02:30:56') | date:"yyyy"}}</label>

  get Anotherdate(){  //getter function
    return this.date
  }
  setDate(date) {
    this.Anotherdate = date;
    return this.Anotherdate;
  }
  set Anotherdate(date){     //Setter Function
    this.abc = new Date(date)
  }

    hier Aktualisiert wird, arbeiten demo http://plnkr.co/edit/rHCjevNcol12vwW6B38u?p=preview

    Danke Pardeep, aber als Ausgabe, die ich bin immer 05:30 Jan 01 1970 für 2015-05-18T02:30:56. Wie kann ich verdeckte '2015-05-18T02:30:56' , 2015-05-18T02:30:56?
    Sie haben, um Sie zu konvertieren mittels new Date () Methode auf, und übergeben Sie das gewünschte Datum als parameter. Blick auf meine plnkr ich habe den code aktualisieren, wie Sie sagen.
    newDate = new Date('2015-05-18T02:30:56'); wie diese.
    Im neu Eckig 2, Problem ist Im die Weitergabe der Daten aus der Klasse, wie ich es konvertieren in html-Anweisungen? Ex: <Ionen-Karte *ngFor="#Termin der Termine" (Klick)="itemTapped($Ereignis, Termin)"> .wie kann ich verdeckte Termin.DateSent zu newDate?
    ist es möglich zu erklären new date() zu der Zeit des Schreibens der Klasse Daten ? wenn ja, dann tun Sie es einfach. ansonsten denke ich, dass Sie zum senden von Datum separat von der Klasse durch den Wechsel in Typ Date mit new Date() .

    InformationsquelleAutor Pardeep Jain

Schreibe einen Kommentar