時間戳及過濾器的使用

需求如下:(後臺不給時間戳,給的時間格式是:'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>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章