zoukankan      html  css  js  c++  java
  • 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>
    
            

    注,该代码是在之前别人博客上面看到的 之前写项目的时候用到,原著现在我也不清楚

  • 相关阅读:
    「开始,DP专题」
    ZOJ3612 Median treap
    [HNOI2004]宠物收养所 treap
    SIRO Challenge 状态压缩 + DP 未解
    SPOJ3273 Order statistic set treap模板
    HNU2[I题]Omar Loves Candies 贪心
    HNU1[B题] DP,数位DP
    HNU1[F题] 栈模拟计算
    Node.js权威指南 (6)
    瘦下来之后你会遇见不一样的自己
  • 原文地址:https://www.cnblogs.com/toughy/p/11834506.html
Copyright © 2011-2022 走看看