javascript - 如何在 react.js 中转换时间戳

Question

我当前正在构建的消息应用程序中显示附加到每条消息的时间戳。然而，我在转换时间戳时发现的每个堆栈溢出问题都与 Angular 或 native 有关，我正试图在 react 中做到这一点。想知道我会用什么代码来显示类似的东西(例如:2/8/2018 11:04am || 或类似的东西)。

我当前使用的消息数组推送是:

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
    }
);

我的 git hub 推送是 (Git Link)

Answer 1

使用 Intl.DateTimeFormat

如果您有时间戳编号，您可以按照您的要求将其格式化:

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));

如果您希望日期包含一个数字而不是两个数字(2/8/2018 与 02/08/2018)，只需将相应时间单位的格式从“2 位数字”更改为“数字”即可。