使用Ionic开发应用：Firebase日期存储排序异常求助

嘿，这个问题我太熟了！你遇到的是Firebase字符串排序的典型坑——因为你存的日期是"1 Mar 2018"这种格式的字符串，Firebase会按字典序来排，而不是实际的时间顺序。字典序是逐个字符比较的："10 Mar 2018"的第一个字符是'1'，"5 Mar 2018"的第一个字符是'5'，'1'比'5'小，所以前者会排在前面，这就是你看到排序异常的原因。

下面给你两种靠谱的解决方案，都是业界常用的：

方案1：存储时间戳（最推荐） #

时间戳是数字格式（比如1519862400000），Firebase对数字排序是完全按数值大小来的，绝对不会出错，而且性能也最好。

步骤1：修改日期获取逻辑 #

把用户选择的日期转成时间戳：

// 假设你拿到的是用户输入的日期字符串，比如"1 Mar 2018"
const userDateStr = "1 Mar 2018";
const dateObj = new Date(userDateStr);
const timestamp = dateObj.getTime(); // 得到对应的毫秒级时间戳

步骤2：修改Firebase推送代码 #

推送数据时，除了保留原显示用的日期字符串，新增一个timestamp字段：

firebase.database().ref('your-collection-path').push({
  displayDate: userDateStr, // 留给前端显示用
  timestamp: timestamp,     // 用于Firebase排序
  // 其他业务字段...
});

步骤3：修改Firebase读取代码 #

读取时按timestamp字段排序：

firebase.database().ref('your-collection-path')
  .orderByChild('timestamp')
  .on('value', (snapshot) => {
    const sortedItems = [];
    snapshot.forEach(childSnap => {
      sortedItems.push(childSnap.val());
    });
    // 现在sortedItems就是严格按时间顺序排列的了
    console.log('排序后的数据：', sortedItems);
    // 把数据绑定到Ionic页面即可
  });

方案2：存储ISO标准日期字符串 #

如果不想用时间戳，也可以存YYYY-MM-DD格式的字符串（比如"2018-03-01"），这种格式的字符串字典序和实际时间顺序完全一致，因为年、月、日都是固定位数，从左到右比较的结果和时间顺序一致。

步骤1：转换日期为ISO格式 #

const userDateStr = "1 Mar 2018";
const dateObj = new Date(userDateStr);
const isoDate = dateObj.toISOString().split('T')[0]; // 得到"2018-03-01"

步骤2：推送代码 #

firebase.database().ref('your-collection-path').push({
  displayDate: userDateStr,
  isoDate: isoDate,
  // 其他业务字段...
});

步骤3：读取代码 #

firebase.database().ref('your-collection-path')
  .orderByChild('isoDate')
  .on('value', (snapshot) => {
    // 处理排序后的结果，逻辑和方案1一致
  });

补充提示 #

如果你的Firebase里已经有旧的日期数据，可以写个简单的批量转换脚本，把现有日期字符串转成时间戳或ISO格式，这样历史数据也能正确排序。

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