从 TimeStamp 显示分钟（React、TimeStamp、Firestore）答案

【问题标题】：Display minuten from TimeStamp (React, TimeStamp, Firestore)从 TimeStamp 显示分钟（React、TimeStamp、Firestore）
【发布时间】：2021-03-06 04:58:46
【问题描述】：

我在为Firestore TimeStamp 呈现正确格式时遇到问题。

我得到了日期：

<p>{data.visitAt.toString()}<p>

值的格式为：Timestamp(seconds=1608276600, nanoseconds=0)

接下来我做了：

render(){

        const optionsdate = {
            year: "numeric",
            month: "long",
            day: "numeric",
            hour: "numeric",
            minutes: "numeric"
        };

return(
   <div>
     <label>{data.visitAt.toDate().toLocaleDateString("en", optionsdate)}&nbsp;</label>
   </div>
)

但我得到的只是：

December 18, 2020, 8 AM

如何同时显示minutes？（分钟不工作）

【问题讨论】：

创建了一个沙盒 - codesandbox.io/s/epic-pike-ynqx0?file=/src/App.js - 这是你期待的吗？
没错，非常感谢！如果按照正常答案，那么我可以接受它
肯定会这样做

标签： reactjs date timestamp localdate timestamp-with-timezone

【解决方案1】：

试试这个方法，

{new Intl.DateTimeFormat("en-US", options).format(data.visitAt.toDate())}

完整代码：-

export default function App() {
  const options = {
    year: "numeric",
    month: "numeric",
    day: "numeric",
    hour: "numeric",
    minute: "numeric",
    second: "numeric"
  };
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      {/* 3/31/2020, 1:11:51 PM */}
      <h2>{new Intl.DateTimeFormat("en-US", options).format(1585640511000)}</h2>
    </div>
  );
}

代码库 - https://codesandbox.io/s/epic-pike-ynqx0?file=/src/App.js

【讨论】：

谢谢，第一种方法也有效，只有一个变化：data.visitAt.toDate()
随意编辑答案，这对面临同样问题的其他人会很有用:)