In my firebase, I have several events, each with a header and a date string:
{ "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" } } }
In my javascript code, I retrieve the children of events and click each header and date on the array, and then add it to the html page and display the content.
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 doesn't seem to work, how can I order events by date so that it can look something like this:
First Event: Friday, June 12, 2015
Second Event: Friday 19 June 2015
Stage Three: Monday, August 10, 2015