后端返回的時(shí)間格式是時(shí)間戳,需要以年月日的格式渲染在前端界面
由于uniapp是基于vue的,所以對于時(shí)間的處理癞埠。我們也可以用到
過濾器。
1:在uniapp的項(xiàng)目的static目錄底下苗踪,新建一個(gè)test.json文件,
test.json里面寫好模擬數(shù)據(jù)(未處理的時(shí)間戳)
{
"time":"1588061853944"
}
2:步驟:
寫一個(gè)請求方法請求json數(shù)據(jù),在data里面定義一個(gè)數(shù)組通铲,將請求成功的數(shù)據(jù)賦值給數(shù)組,然后再渲染的view里面颅夺,這個(gè)步驟就不多說了朋截,常規(guī)操作哦碗啄。
這里要用到filters過濾的方法稳摄,時(shí)間戳的處理其實(shí)和jquery里面用到的是一樣的稚字。
<view class="text-cut">
{{timeArray.time | formatDate}}
</view>
//時(shí)間戳的處理
filters: {
formatDate: function(value) {
var date = new Date();
//date.setTime(value);
var month = date.getMonth() + 1;
var hours = date.getHours();
if (hours < 10)
hours = "0" + hours;
var minutes = date.getMinutes();
if (minutes < 10)
minutes = "0" + minutes;
var time = date.getFullYear() + "-" + month + "-" + date.getDate() +
" " + hours + ":" + minutes;
return time;
}
},
3:完整的示例代碼如下index.vue
<template>
<view>
<view class="text-cut">
{{timeArray.time | formatDate}}
</view>
</view>
</template>
<script>
export default {
data() {
return {
timeArray: [],
};
},
onLoad() {
this.getList();
},
methods: {
getList() {
uni.request({
url: "../../static/test.json",
method: 'get',
dataType: 'json',
success: (res) => {
console.log(res.data);
this.timeArray = res.data;
},
// fail: function (err) {
// console.log("服務(wù)器繁忙")
// }
});
},
},
//時(shí)間戳的處理
filters: {
formatDate: function(value) {
var date = new Date();
//date.setTime(value);
var month = date.getMonth() + 1;
var hours = date.getHours();
if (hours < 10)
hours = "0" + hours;
var minutes = date.getMinutes();
if (minutes < 10)
minutes = "0" + minutes;
var time = date.getFullYear() + "-" + month + "-" + date.getDate() +
" " + hours + ":" + minutes;
return time;
}
},
}
</script>
<style>
</style>
4:顯示結(jié)果如下