如何按使用 Firebase Web 创建的时间顺序显示数据

Question

我知道这不是很困难，但我只是从 firebase 开始。我的问题是如何按照使用 Firebase 创建的时间顺序显示数据。目前我正在按名称订购。

这是我在数据库中写入然后显示的方式

// displaying and deleting data

function renderCafe(doc) {
  let li = document.createElement('li')
  let name = document.createElement('name')
  let phone = document.createElement('phone')
  let specialist = document.createElement('specialist')
  let data = document.createElement('data')
  let cross = document.createElement('div')
  
  
  li.setAttribute('data-id', doc.id)
  name.textContent = doc.data().name;
  phone.textContent = doc.data().phone;
  specialist.textContent = doc.data().specialist;
  data.textContent = doc.data().data;
  cross.textContent = 'x';
  
  
  li.appendChild(name);
  li.appendChild(phone);
  li.appendChild(specialist);
  li.appendChild(data);
  li.appendChild(cross);
  
  

  doctorList.appendChild(li);

  //deleting data

  cross.addEventListener('click', (e) => {
    e.stopPropagation();
    let id = e.target.parentElement.getAttribute('data-id');
    db.collection('patients').doc(id).delete();
  })
} 

  
  // real-time listener 
  const doctorList = document.querySelector('.patients');

  db.collection('patients').onSnapshot(snapshot => {
    let changes = snapshot.docChanges();
    changes.forEach(change => {
      if(change.type == 'added') {
        renderCafe(change.doc);
      } else if (change.type == 'removed') {
        let li = doctorList.querySelector('[data-id=' + change.doc.id +']');
        doctorList.removeChild(li);
      }
    })
  })

这就是我创建文档的方式

const createForm1 = document.querySelector('#patient');
createForm1.addEventListener('submit', (e) => {
  e.preventDefault();

  db.collection('patients').add({
    name: createForm1['name'].value,
    phone: createForm1['phone'].value,
    specialist: createForm1['specialist'].value,
    data: createForm1['date'].value
    
  }).then(() =>{

   //clear data
    document.getElementById('patient').reset();

    document.querySelector('.alert1').style.display='block';
        // Hide alert after 3 seconds
        setTimeout(function(){
        document.querySelector('.alert1').style.display='none';
        },3000);
  })
})

Answer 1

您可以在patients 文档中添加Server Timestamp（例如，将其称为timestamp），然后使用它对文档进行排序。

工作原理：当您在某个文档属性中写入firebase.firestore.FieldValue.serverTimestamp() 时，它会被数据库中的服务器时间戳（一个数字）替换，因此您可以使用它进行排序。

编辑：在您添加的代码中，执行以下操作：

db.collection('patients').add({
  name: createForm1['name'].value,
  phone: createForm1['phone'].value,
  specialist: createForm1['specialist'].value,
  data: createForm1['date'].value,
  timestamp: firebase.firestore.FieldValue.serverTimestamp()
  // or timestamp: Date.now(), if you trust the client's clock
})