如何将Firebase子项中的值排序到其余部分?

时间:2015-08-10 00:27:08

标签: javascript html arrays firebase

在我的firebase中,我有几个事件,每个事件都有标题和日期字符串:

{
    "events": {
        "-JscIDsctxSa2QmMK4Mv": {
            "date": "Friday, June 19, 2015",
            "title": "Event Two"
        },
        "-Jswff0o9bWJeDmUoSA9": {
            "date": "Friday, June 12, 2015",
            "title": "Event One"
        },
        "-JscIs_oMCJ9aT6-JWDg": {
            "date": "Monday, August 10, 2015",
            "title": "Event Three"
        }
    }
}

在我的javascript代码中,我检索events子项并将每个标题和日期推送到数组,然后将其附加到我的html页面并显示内容。

var ref = new Firebase("https://demo.firebaseio.com/events");
var build = new Array("");
ref.orderByChild("date").once("value", function(snapshot) {
  snapshot.forEach(function(data) {
    var tmp = data.val();
    eventMonth = tmp.date.split(" ")[1];
    build.push('<h3>'+tmp.title+'</h3><p>Date: '+tmp.date+'</p>');
  });
  $("#event-content").append(build.join(''));

orderByChild似乎无法正常工作,我如何按日期订购事件,以便它看起来如下所示:

第一项赛事:2015年6月12日星期五

第二场比赛:2015年6月19日,星期五

第三项赛事:2015年8月10日星期一

1 个答案:

答案 0 :(得分:6)

Firebase没有日期类型,因为JSON没有它。所以它不知道这些字符串中存储了日期。出于排序目的,您必须存储表示这些日期的基本类型,并在作为字符串或数字进行比较时提供所需的排序顺序。

例如:时间戳。鉴于date是JS日期对象,请在保存时为每个对象添加sortDate: date.getTime()

{
  "events": {
    "-JscIDsctxSa2QmMK4Mv": {
        "date": "Friday, June 19, 2015",
        "sortDate": 1434697200000,
        "title": "Event Two"
    },
    "-Jswff0o9bWJeDmUoSA9": {
        "date": "Friday, June 12, 2015",
        "sortDate": 1434092400000,
        "title": "Event One"
    },
    "-JscIs_oMCJ9aT6-JWDg": {
        "date": "Monday, August 10, 2015",
        "sortDate": 1439190000000,
        "title": "Event Three"
    }
  }
}

然后:

ref.orderByChild("sortDate")...