首页 > 解决方案 > 对象的无效日期

问题描述

我正在从 firestore 获取文档,并且我也可以在控制台中显示它。这是数据显示的:

displayName: "Person1"
items:
  itemAcquired: t {seconds: 1631084326, nanoseconds: 617000000}
  itemName: "Book1"

[[Prototype]]: Object

我尝试itemAcquired在屏幕上显示,但它显示“无效日期”:

 <ListItem>
     <Typography>Item Acquired At : </Typography>
          <ListItemText
               primary={new Date(user.items?.itemAcquired).toLocaleDateString()}
             />
           </ListItem>

标签: javascriptreactjs

解决方案


JavaScript Date 不知道 firestore timeStamp 对象,您可以使用 toDate() 函数和 toDateString()

const date = itemAcquired.toDate().toDateString()

你也可以试试

new Date(temAcquired.seconds * 1000).toUTCString()

推荐阅读