需求如下:(後臺不給時間戳,給的時間格式是:'2019-01-12 11:01:00';)
<template>
<div class="home-index">
<!--時間戳測試用-->
<p style="font-size: 25px;color:red;">發佈時的時間戳:{{postTime}}</p>
<p style="font-size: 25px;color:green;">當前時間戳:{{nowTime}}</p>
<p style="font-size: 25px;color:black;">根據需求的顯示:{{chazhi | hopeTime}}</p>
</div>
</template>
<script>
export default {
data() {
return {
postTime:"",
nowTime:'',
chazhi:"",
};
},
created() {
this.initData();
this.postTime=(new Date('2019-01-12 11:01:00')).getTime(new Date('2019-01-12 11:01:00'));
this.nowTime=Date.parse(new Date());
this.chazhi=(parseInt(this.nowTime,10)-parseInt(this.postTime,10))/1000;
},
filters:{
hopeTime(val){
if(val<60){
val="剛剛";
}else if(val>60 && val<60*60){
val=parseInt(val/60,10)+"分鐘前發佈";
}else if(val>=60*60 && val<60*60*24){
val=parseInt(val/(60*60),10)+"小時前發佈";
}else if(val>=60*60*24 && val<=60*60*24*3){
val=parseInt(val/(60*60*24),10)+"天前發佈";
}else{
val='2019-01-01 00:00:00';
}
return val;
},
}
};
</script>