在HTML表中按日期显示记录

时间:2018-03-13 11:34:51

标签: angular

在Angular 4应用程序中

我有三个按钮的仪表板,如 1.过去的记录, 2.今日记录 3.即将到来的记录

我需要根据html表中的按钮单击显示firebase中的记录 如果我点击今日记录,表格需要提供与今天日期相匹配的记录。 类似的过去记录和未来记录是否有任何ng语句可用于在循环时检查表条目的日期?

1 个答案:

答案 0 :(得分:0)

鉴于您的创建日期存储在createdAt并且您使用Firestore:

getRecords(moment: '-1' | '0' | '1') {
  const query: QueryFn = ref => {
    const ret = ref;
    if (+moment < 0) { 
      const date = new Date();
      date.setHours(0,0,0,0);
      ret = ref.where('createdAt', '>=', date);
    }
    else if (+moment > 0) { 
      const date = new Date();
      date.setHours(23,59,59,999);
      ret = ref.where('createdAt', '<=', date);
    }
    else { 
      const end = new Date();
      end.setHours(23,59,59,999);
      const start = new Date();
      start.setHours(0,0,0,0);
      ret = ref.where('createdAt', '<=', end).where('createdAt', '>=', start);
    }
    return ret;
  };
  return this.db.collection<any>('records', query);
}