Angular中如何将Firebase时间戳转换为日期？（附TypeScript代码）

Firebase存储的时间戳主要有两种形式：firebase.firestore.Timestamp对象，或是毫秒级数字时间戳。下面是针对这两种情况的转换方案，直接整合到你的prepareData方法中即可满足ApexCharts的数据需求。

转换逻辑与代码实现 #

假设你的患者数据中，时间戳字段名为createdAt（替换为你实际的字段名），修改prepareData方法如下：

prepareData(patients) {
  patients.forEach((patient) => {
    // 处理Firebase原生Timestamp对象
    if (patient.createdAt && typeof patient.createdAt.toDate === 'function') {
      // 转换为JavaScript Date对象
      const date = patient.createdAt.toDate();
      
      // 根据ApexCharts需求生成格式：
      // 1. 日期字符串（如'YYYY-MM-DD'）
      patient.formattedDate = date.toISOString().split('T')[0];
      // 2. 毫秒级时间戳（适合图表时间轴数值）
      patient.timestampMs = date.getTime();
    }
    // 处理数字类型的毫秒时间戳
    else if (typeof patient.createdAt === 'number') {
      const date = new Date(patient.createdAt);
      patient.formattedDate = date.toLocaleDateString();
    }
  });
}

关键说明 #

• 优先判断toDate方法是否存在，这是Firebase Timestamp的标志性方法，能准确识别类型
• 可根据ApexCharts的具体需求调整输出格式：比如使用toLocaleDateString('zh-CN')生成中文格式日期，或是直接使用date.getTime()输出毫秒数用于图表坐标轴
• 若不确定时间戳字段名或类型，可先通过console.log(patient)打印数据结构确认

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