1. 程式人生 > >jq 根據返回的時間判斷昨天、今天

jq 根據返回的時間判斷昨天、今天

最近開發的專案是關於社交類的,其中有一個功能是發表動態,我運用layui中的layedit去建立簡單的編輯器,上傳圖片是根據base64和後臺對接。

其中,動態列表通過ajax請求,後臺返回的時間是時間戳格式,需求是:今天和昨天發表的說說或者評論要顯示今天或者昨天,其他時間點就顯示正常的時間點即可。

先上圖

如圖這種現在今天和昨天

上網查了挺多資料很多都不準確,後來自己根據需求結合網上的部分程式碼寫了一個函式,寫在公共檔案中。

  • 設定時間格式
/**
 *對Date的擴充套件,將 Date 轉化為指定格式的String
 *月(M)、日(d)、小時(h)、分(m)、秒(s)、季度(q) 可以用 1-2 個佔位符,
 *年(y)可以用 1-4 個佔位符,毫秒(S)只能用 1 個佔位符(是 1-3 位的數字)
 *例子:
 *(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
 *(new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
 */
Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小時 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this
.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return
fmt; };
  • 定義函式,參事是已轉換為時間格式的時間(例:2017-09-21 12:00:00),返回今天或者昨天或者正常時間
function judgeDate(oldDate) {   // 判斷是否是今天還是昨天,在專案中用於說說時的時間顯示

    //昨天的時間
    var day1 = new Date();
    day1.setDate(day1.getDate() - 1);
    var yesterday = day1.format("yyyy-MM-dd");

    //今天的時間
    var day2 = new Date();
    day2.setTime(day2.getTime());
    var today = day2.format("yyyy-MM-dd");

    if(oldDate.split(" ")[0] == today){
        return "今天 "+oldDate.split(" ")[1];
    }else if(oldDate.split(" ")[0] == yesterday){
        return "昨天 "+oldDate.split(" ")[1];
    }else{
        return oldDate;
    }

}
  • 時間戳轉換成時間
function ge_time_format(timestamp) {
    if (timestamp) {
        var date = new Date(timestamp);
    } else {
        var date = new Date();
    }
    Y = date.getFullYear(),
        m = date.getMonth() + 1,
        d = date.getDate(),
        H = date.getHours(),
        i = date.getMinutes(),
        s = date.getSeconds();
    if (m < 10) {
        m = '0' + m;
    }
    if (d < 10) {
        d = '0' + d;
    }
    if (H < 10) {
        H = '0' + H;
    }
    if (i < 10) {
        i = '0' + i;
    }
    if (s < 10) {
        s = '0' + s;
    }
    var t = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;
    return t;
}
  • 運用
judgeDate(ge_time_format(result[i].time))