从TimeStamp显示minuten (React，TimeStamp，Firestore)

Question

我对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？(minuten不工作)

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

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