如何實現(xiàn)readhub小程序端今天昨天的展示？

{id: "42", title: "2018年體育中考內(nèi)容出爐", date: "20180205", create_time: "1517646345"}
{id: "41", title: "全域?qū)嵤┬陆ㄗ≌ㄖ?, date: "20180205", create_time: "1517630772"}
{id: "40", title: "高校畢業(yè)生就業(yè)集中招動", date: "20180204", create_time: "1517207532"}
{id: "39", title: "92號汽油每升上漲5分錢", date: "20180204", create_time: "1517112928"}

列表輸出可自由定制，需要參數(shù)，可加

如何用js實現(xiàn)如下，今天、昨天的分組

圖片描述

回答

編輯回答

瘋子范

你的數(shù)據(jù)應(yīng)該是按照時間順序的,先計算出今天昨天前天一周前你需要的分組時間,然后遍歷數(shù)組比較

var data = data;
var flagn = 0;
var flagb1 = 0;
var flagb3 = 0;
var flagb7 = 0;
var flagb9 = 0;
for (var i = 0; i < data.length; i++) {
    data[i].date = null;
    var secondTime = data[i].time;
    //獲取 0:0 的時間戳
    var nowDate = new Date(new Date().setHours(0, 0, 0, 0));
    var before1Date = new Date(new Date(new Date().setDate(new Date().getDate() - 1)).setHours(0, 0, 0, 0));
    var before3Date = new Date(new Date(new Date().setDate(new Date().getDate() - 3)).setHours(0, 0, 0, 0));
    var before7Date = new Date(new Date(new Date().setDate(new Date().getDate() - 7)).setHours(0, 0, 0, 0));
    if (secondTime >= nowDate) {
      if (flagn == 0) {  //第一個就加入一個標(biāo)志  用來在渲染的時候判斷顯示今天
        data[i].date = '今天';
        flagn = 1;
      }
    } else if (secondTime >= before1Date) {
      if (flagb1 == 0) {
        data[i].date = '昨天';
        flagb1 = 1;
      }
    } else if (secondTime >= before3Date) {
      if (flagb3 == 0) {
        data[i].date = '三天前';
        flagb3 = 1;
      }
    } else if (secondTime >= before7Date) {
      if (flagb7 == 0) {
        data[i].date = '一周前';
        flagb7 = 1;
      }
    } else {
      if (flagb9 == 0) {
        data[i].date = '很久以前';
        flagb9 = 1;
      }
    }
 }
 return data;

2018年9月1日 17:51

編輯回答

冷眸

先用js計算出今天的時間，把時間格式弄成跟數(shù)據(jù)里面date格式一致，今天、昨天都可以通過js計算出來吧，把這個日期傳入數(shù)組，查詢出date里面與當(dāng)前日期匹配的數(shù)據(jù)，然后push成一個新數(shù)組，渲染到頁面就行了。代碼就不貼了吧，實際上就一個計算日期和通過日期查詢數(shù)據(jù)的過程。

2017年10月7日 12:34