React Native中如何解析Firebase/Firestore Timestamp为普通日期？

我完全懂你这种困惑——Firestore的Timestamp处理确实在官方文档里讲得不够直白，不过其实它自带了很方便的转换方法，不用自己去手动计算秒和纳秒~

最直接的转换方式：使用toDate()方法 #

Firestore的Timestamp对象本身就提供了toDate()方法，能直接把它转换成标准的JavaScript Date对象，这是最简单的解决方案：

// 假设你从Firestore获取到的单条交易数据是transaccionData
const fechaAsDate = transaccionData.fecha.toDate();

拿到Date对象之后，你就可以用JS原生的日期格式化方法来转换成你需要的格式了，比如：

• 转成本地可读性高的字符串：fechaAsDate.toLocaleString()
• 转成ISO标准格式：fechaAsDate.toISOString()
• 自定义格式的话，也可以用第三方库（比如date-fns、moment.js）来处理

在React组件中直接渲染处理 #

如果是在组件渲染时需要展示格式化后的日期，直接在JSX里调用方法就行：

function TransactionCard({ transaction }) {
  return (
    <div className="transaction-card">
      <h3>交易金额: ${transaction.monto}</h3>
      <p>状态: {transaction.status}</p>
      <p>创建时间: {transaction.fecha.toDate().toLocaleString()}</p>
    </div>
  );
}

进阶：自动转换查询结果（避免重复手动转换） #

如果你需要频繁处理Timestamp，可以用Firestore的withConverter方法，在查询时自动把Timestamp转换成Date对象，这样后续就不用每次都手动调用toDate()了：

// 先给集合设置转换器
const transaccionesCollection = firestore.collection('transacciones').withConverter({
  fromFirestore: (snapshot) => {
    const data = snapshot.data();
    // 把Timestamp字段转换成Date对象后返回
    return {
      ...data,
      fecha: data.fecha.toDate()
    };
  },
  toFirestore: (transaction) => transaction // 写入时不需要额外处理
});

// 之后查询数据时，拿到的fecha直接就是Date对象
transaccionesCollection.get().then((querySnapshot) => {
  querySnapshot.forEach((doc) => {
    const transaction = doc.data();
    console.log(transaction.fecha); // 这里已经是Date类型了
  });
});

这样不管你查询多少次，都能直接拿到格式化好的Date对象，省了不少重复代码~

内容的提问来源于stack exchange，提问作者Fabrizio Guespe