Wie konvertiert Zeitstempel in react.js

Im Moment die Anzeige eines Zeitstempels an jedem gesendeten Nachricht in einer message-App Im Gebäude. Aber jeder stack overflow Frage, die ich fand auf der Konvertierung von Zeitstempeln zu tun hat, mit Winkel-oder Muttersprache und ich bin versucht, dies tun, reagieren. Frage mich, welchen code würde ich etwas darstellen wie (ex: 2/8/2018 11:04am || oder so ähnlich).

Den Strom .push-to-die-Nachricht-array im Einsatz ist: 

this.messagesRef.push(
    {
        content: this.state.userMsg,
        roomId: this.props.activeRoom.key,
        username: (this.props.user ? this.props.user.displayName : 'guest'),
        sentAt: this.props.firebase.database.ServerValue.TIMESTAMP
    }
);

Mein git-hub-push-das war (Git-Link)

  • Können Sie nicht verwenden, so etwas wie date-fns zu verwandeln, das timestamp etwas mehr ablesbar wie, was haben Sie vor?
  • Nicht sicher, wie ich das umsetzen würden-Datum-fns zu meinem doc?
InformationsquelleAutor Ghoyos | 2018-02-08
  1. 7

    Mit Intl.DateTimeFormat

    Wenn Sie die timestamp-Nummer, die Sie bekommen können, es formatiert, als Sie fragte, wie diese:

    JS:

    const timestamp = Date.now(); //This would be the timestamp you want to format

console.log(new Intl.DateTimeFormat('en-US', {year: 'numeric', month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'}).format(timestamp));

    Wenn Sie möchten, dass das Datum mit einer Zahl anstelle von zwei (2/8/2018 vs 02/08/2018) ändern Sie einfach das format von "2-digit' zu 'numeric' auf die entsprechende Zeiteinheit.

    InformationsquelleAutor Rodius
Schreibe einen Kommentar