采用element ui 中的input框实现,填写小写金额,自动实现大写金额

截图:

代码:

数字转大写金额实现:

export function dealBigMoney(n) {var fraction = ['角', '分'];var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];var unit = [['元', '万', '亿'],['', '拾', '佰', '仟']];var head = n < 0 ? '欠' : '';n = Math.abs(n);var s = '';for (var i = 0; i < fraction.length; i++) {s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');}s = s || '整';n = Math.floor(n);for (var i = 0; i < unit[0].length && n > 0; i++) {var p = '';for (var j = 0; j < unit[1].length && n > 0; j++) {p = digit[n % 10] + unit[1][j] + p;n = Math.floor(n / 10);}s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;}return (head +s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整'));
}

限制数字以及小数点保留两位:

BigMoney(param, num) {if (num) {this.contentObj[param] =('' + num) // 第一步:转成字符串.replace(/[^\d^\.]+/g, '') // 第二步:把不是数字,不是小数点的过滤掉.replace(/^0+(\d)/, '$1') // 第三步:第一位0开头,0后面为数字,则过滤掉,取后面的数字.replace(/^\./, '0.') // 第四步:如果输入的第一位为小数点,则替换成 0. 实现自动补全.match(/^\d*(\.?\d{0,2})/g)[0] || ''; // 第五步:最终匹配得到结果 以数字开头,只有一个小数点,而且小数点后面只能有0到2位小数this.$set(this.contentObj,'reimbursementAmountUppercase',dealBigMoney(this.contentObj[param]));}
},

input框:

<div class="contentInput" v-else-if="stampObj.includes('Lowercase')">报销金额(小写) :<el-inputtype="number":autosize="{ minRows: 1, maxRows: 2 }"placeholder="请输入内容"size="mini":disabled="disabledData"v-model="contentObj[stampObj]"@change="BigMoney(stampObj, contentObj[stampObj])"></el-input>
</div>
<div class="contentInput" v-else-if="stampObj.includes('Uppercase')">报销金额(大写) :<el-inputtype="textarea":autosize="{ minRows: 1, maxRows: 2 }"placeholder="请输入内容"size="mini":disabled="true"v-model="contentObj.reimbursementAmountUppercase"></el-input>
</div>

将数字金额转化为大写金额,且数字金额最多只保留两位小数相关推荐

  1. BigDecimal的用法详解(保留两位小数,四舍五入,数字格式化,科学计数法转数字,数字里的逗号处理)

    一.简介 Java在java.math包中提供的API类BigDecimal,用来对超过16位有效位的数进行精确的运算.双精度浮点型变量double可以处理16位有效数.在实际应用中,需要对更大或者更 ...

  2. 数字去除尾巴多余的零,且至少保留两位小数

    背景: 近期做开发时遇到的一个数字格式转换问题,mysql里金额,数字字段,类型都是decimal(16,8),返给前端格式: 1:去掉小数尾巴多余的0,如12.345000->12.345 2 ...

  3. php数字两位小数_PHP保留两位小数

    我们在项目里经常需要保留小数位数,比如显示金额的时候通常需要保留两位小数位数,除了可以在设计数据库的时候将金额字段设置为decimal(n,2)形式的,通过PHP也可以处理小数数位,PHP中可以处理数 ...

  4. php数字两位小数_PHP实现保留两位小数

    我们在php开发的时候经常需要保留小数位数,比如显示金额的时候通常需要保留两位小数位数,除了可以在设计数据库的时候将金额字段设置为decimal(n,2)形式的,通过PHP也可以处理小数数位,PHP中 ...

  5. input js number 整数_数字千分位处理,number.js,js保留两位,整数强制保留两位小数...

    杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...

  6. php数字两位小数_PHP保留两位小数的几种方法

    代码如下所示: $num = 10.4567; //第一种:利用round()对浮点数进行四舍五入 echo round($num,2); //10.46 //第二种:利用sprintf格式化字符串 ...

  7. java中负数取整_Java取整,固定保留两位小数,适配负数、金融数字。

    文/阿敏其人 本文出自阿敏其人博客,转载请注明出处和连接. 整数前的0去掉. 小数固定保留两位小数 兼容负数 数字检测 适配金融大数额 核心类 public class BigDecimalStrin ...

  8. js数字最多保留两位小数_8085微处理器中最多两个8位数字

    js数字最多保留两位小数 Problem statement: 问题陈述: To find maximum of two 8bit numberusing 8085 microprocessor. 使 ...

  9. ECharts提示框数字保留两位小数

    要求实现效果:鼠标移动到柱状图上,显示数字保留两位小数, 设置提示框属性tooltip tooltip: {                 formatter:function(datas) {   ...

最新文章

  1. boot spring test 文档_SpringBoot入门十,添加junit单元测试
  2. 杭电1492 The number of divisors(约数) about Humble Numbers
  3. 全球英文经典演讲100篇_日语演讲100问(1)即兴演讲不即兴!(理论篇)
  4. pandas中DataFrame的学习笔记~
  5. (转)XP和Scrum到底有什么区别?
  6. mysql之魔鬼训练营
  7. c代码实现matlab中对矩阵fftshift思路
  8. windows补丁下载说明
  9. 【Unity】 2D贪吃豆开发流程
  10. 审稿较快的2区计算机sci期刊,哪些SCI期刊的审稿速度快
  11. 台达DVP-ES3 ModbusTCP通信案例
  12. Laravel 5.7用户注册邮箱激活的功能演示
  13. webm转mp4 python实现
  14. 用日记APP来记录生活,再也不用担心无法坚持写日记
  15. 自制嵌入式操作系统 DAY1
  16. Talk | 清华大学交叉信息研究院助理教授杜韬:利用计算方法探究流固耦合
  17. 浅谈软件开发方向之嵌入式
  18. HGAME 2023 Week1
  19. TwinCAT与Step 7编程的区别
  20. Echarts 空运图 和 海运图 以中国为中心的地图 中英文地图切换

热门文章

  1. MySQL实战中,Insert语句的使用心得总结,差点挂在了美团三面
  2. HTML期末大作业~ 海贼王6页代码质量好~ 学生网页设计作业源码(HTML+CSS+JS)
  3. 波比的w可以挡机器人的q_波比W技能阻挡谁最赚?亚索一般,锐雯还行,挡住图4就笑了...
  4. HTML+CSS大作业——电影动漫言叶之庭(4页) web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码
  5. KIWI 链游再度爆发——第二生态种植业游戏即将强势 上线
  6. tower mac 的使用
  7. c语言中gets与fgets,gets和fgets函数及其区别,C语言gets和fgets函数详解
  8. “21天好习惯”第一期-10 鲁滨逊漂流记网页-2
  9. 华为ENSP模拟器安装问题汇总
  10. 如何成为更好的自己(一):引言