小程序時(shí)間戳轉(zhuǎn)換及數(shù)據(jù)遍歷

最近在完成商品評(píng)價(jià)頁(yè)面，類似于下圖的這種

遇到的問(wèn)題就是時(shí)間戳的問(wèn)題，后臺(tái)返回的數(shù)據(jù)，時(shí)間是沒(méi)有處理的，所以就需要我們自己來(lái)處理了，

第一步，創(chuàng)建一個(gè)js文件

文件內(nèi)容

//時(shí)間戳轉(zhuǎn)換成日期時(shí)間 function js_date_time(unixtime) {var date = new Date(unixtime*1000);var y = date.getFullYear();var m = date.getMonth() + 1;m = m < 10 ? ('0' + m) : m;var d = date.getDate();d = d < 10 ? ('0' + d) : d;var h = date.getHours();h = h < 10 ? ('0' + h) : h;// var minute = date.getMinutes();// var second = date.getSeconds();// minute = minute < 10 ? ('0' + minute) : minute;// second = second < 10 ? ('0' + second) : second;// return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;//年月日時(shí)分秒// return y + '-' + m + '-' + d + ' ' + h + ':' + minute;return y + '-' + m + '-' + d;} module.exports = {js_date_time: js_date_time }

這里需要注意一下，我的時(shí)間是10位數(shù)字，而不是13位數(shù)字，所需要*1000

let arr = 1625795001; //這里是沒(méi)有*1000的 let arr = 1551598000000; //這里是*1000的 var date = new Date(unixtime*1000);

第二步，引用這個(gè)文件，看我們寫(xiě)的這個(gè)js文件是否生效

在小程序?qū)?yīng)的頁(yè)面的js文件中onShow: function () {var util = require("../../../../utils/time.js");// var arr = 1551598000000;//這里是*1000的var arr = 1625795001; //這里是沒(méi)有*1000的 console.log(util.js_date_time(arr))},這里需要注意的是，我們引用的js的路徑一定要對(duì)，然后就可以通過(guò)控制臺(tái)看到我們打印的日期了

這里可以看到打印的日期了，因?yàn)槲覀兊膉s是*1000的了，所以就會(huì)正確的轉(zhuǎn)換

最后一步，也是最重要的一步，我們?cè)趺幢闅v到頁(yè)面中

首先呢，看一下我們從后臺(tái)拿到的數(shù)據(jù)格式，這里我的數(shù)據(jù)格式，如圖

這是一個(gè)數(shù)據(jù)包含對(duì)象格式的數(shù)據(jù)
我們要做的就是，通過(guò)遍歷拿到每個(gè)數(shù)組的時(shí)間的屬性名并賦值，思路就是這么個(gè)思路

getconinfo(){const maitkey = this.id; getCommentInfo(maitkey).then(res => {console.log(res)var util = require("../../../../utils/time.js");const alldatas = res.msgfor(let i=0;i<alldatas.length;i++){alldatas[i]['time'] = util.js_date_time(alldatas[i]['time'])this.setData({alldata : alldatas}) }})},//alldatas是我們?cè)赿ata里面定義好的數(shù)組

我們還需要再頁(yè)面加載的時(shí)候就調(diào)用這個(gè)函數(shù)

onLoad: function (options) {this.id = options.idthis.getconinfo()},

我這里的id是因?yàn)閰^(qū)分商品的id，如果你用不到的話，復(fù)制的時(shí)候記得刪除掉，要不然會(huì)報(bào)錯(cuò)
這時(shí)候，我們打印的數(shù)據(jù)就變成了你想要的格式了

頁(yè)面遍歷

頁(yè)面遍歷就像遍歷普通的元素那樣

<view class="bottom-tab"><text class="time">{{item.time}}</text><text class="comdent">{{item.content}}</text> </view>

最終效果

總結(jié)

以上是生活随笔為你收集整理的小程序时间戳转换的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。