Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Group by date</title>
</head>
<body>
  <h3>Items by date</h3>
  <ul id='dates'>
  </ul>
</body>
</html>
 
  var config = {
    apiKey: "AIzaSyCvpYQu44zmRXA0XQkcxEuakyytRsnWXSc",
    authDomain: "stackoverflow.firebaseapp.com",
    databaseURL: "https://stackoverflow.firebaseio.com",
    storageBucket: "project-8080059325282098184.appspot.com",
  };
  firebase.database.enableLogging(true);
  firebase.initializeApp(config);
var ref = firebase.database().ref("38343810/messages/233110");
var ul = document.getElementById('dates');
ref.on('child_added', function(snapshot) {
  var msg    = snapshot.val();
  var date = new Date(msg.timestamp);
  var id = 'date_'+ date.toISOString().substring(0,10); // e.g. 'day_2016-07-13'
  // get or create the li for this date from the DOM
  var li = document.getElementById(id);
  if (!li) {
    li = document.createElement('li');
    li.id = id;
    li.innerHTML = '<b>' + date.toDateString() + '</b><br>';
    ul.appendChild(li);
  }
  li.innerHTML = li.innerHTML + msg.message + '<br>';
}, function(error) {
  console.error(error);
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
pufpro
0viewers