
正文
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:‘--26T16::’,
amount:‘’
}
},
filters: {
// 时间格式的转换
Time(value) {
var dateee = new Date(value).toJSON();
var date = new Date(+new Date(dateee)+**).toISOString().replace(/T/g,' ').replace(/\.[\d]{}Z/,'')
return date
},
// 金额显示.00格式
NumFormat: function (value) {
if(!value) return '0.00'
value = value.toFixed()
var intPart = Math.trunc(value)// 获取整数部分
var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{})+$)/g, '$1,') // 将整数部分逢三一断
var floatPart = '.00' // 预定义小数部分
var value2Array = value.split('.')
// =2表示数据有小数位
if(value2Array.length === ) {
floatPart = value2Array[].toString() // 拿到小数部分
if(floatPart.length === ) { // 补0,实际上用不着
return intPartFormat + '.' + floatPart + ''
} else {
return intPartFormat + '.' + floatPart
}
} else {
return intPartFormat + floatPart
}
}
}
}
</script>
注,该代码是在之前别人博客上面看到的 之前写项目的时候用到,原著现在我也不清楚







