vue中的金額格式0.00 和 后台返回時間格式帶T調整正常格式

　　

<template>
  <div class="consumption">
        <p>{{payTime|Time}}</p>
        <p class="orange">-{{amount|NumFormat}}元</p>>
  </div>
</template>

<script>
export default {
  data() {
    return {
       payTime：‘2019-10-26T16:02:51’，
        amount：‘12’
    }
  },
  filters: {
    // 時間格式的轉換
    Time(value) {
      var dateee = new Date(value).toJSON();  
      var date = new Date(+new Date(dateee)+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'')
      return date
    },
    // 金額顯示.00格式
    NumFormat: function (value) {
      if(!value) return '0.00'
      value = value.toFixed(2)
      var intPart = Math.trunc(value)// 獲取整數部分
      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 將整數部分逢三一斷
      var floatPart = '.00' // 預定義小數部分
      var value2Array = value.split('.')
      // =2表示數據有小數位
      if(value2Array.length === 2) {
        floatPart = value2Array[1].toString() // 拿到小數部分
        if(floatPart.length === 1) { // 補0,實際上用不着
          return intPartFormat + '.' + floatPart + '0'
        } else {
          return intPartFormat + '.' + floatPart
        }
      } else {
        return intPartFormat + floatPart
      }
    }
  }
}
</script>

        

注，該代碼是在之前別人博客上面看到的 之前寫項目的時候用到，原著現在我也不清楚