资讯专栏INFORMATION COLUMN

实现输入框小数多 自动进位展示,编辑时实际值不变

番茄西红柿 / 3202人阅读

摘要:今天遇到个业务需求,要求输入框,输入数字的小数位数可以很多位,但移开后显示,只显示小数点后两位四舍五入,当要编辑的时候,展现其原来的输入数据。

今天遇到个业务需求,要求输入框,输入数字的小数位数可以很多位,但移开后显示,只显示小数点后两位 (四舍五入),当要编辑的时候,展现其原来的输入数据。

闲话不多说,当时也考虑用第三方插件,但感觉对现有框架后台数据取值有影响;

感觉还是前端处理下,直接采用两个input 一个用来显示四舍五入,一个用来存真实的值,

然后就是焦点移进移出的事件了,移进去控制真实input显示,移出来触发四舍五入的显示,当然这两个input得保持在同一位置上,定位好了就行。

思路出来了,就开始撸代码了!

 1 
 2     
 3         
 4             
 9         
10         
11             
16         
17     
5 6 7 8
12 13 14 15
18 19 41

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2068.html

相关文章

  • 为什么你需要少看垃圾博客以及如何在Python里精确地四舍五入

    摘要:网上有人说,因为在计算机里面,小数是不精确的,例如在计算机中实际上是,所以当你对这个小数精确到小数点后两位的时候,实际上小数点后第三位是,所以四舍五入,因此结果为。 今天又有一个Python初学者被中文技术博客中的垃圾文章给误导了。 这位初学者的问题是: 在Python中,如何精确地进行浮点数的四舍五入,保留两位小数? 如果你在Google或者百度上搜索,你会发现大量的来自CSDN或者...

    Object 评论0 收藏0
  • 使用指令实现价格单位转换

    摘要:当输入一个价格的时候,指令监听到价格发生变化,然后对输入的价格乘,将元转换成分。 要求:输入的是xxx.xx元,后台保存的是xxxxx分。并添加表单验证。 基本思路 在上面的描述中,包含了两个价格,一个是输入的价格,也就是我们能看到的价格;另一个就是实际传给后台的价格。当输入一个价格的时候,指令监听到价格发生变化,然后对输入的价格乘100,将元转换成分。 指令实现 确定绑定的数据 根据...

    lewinlee 评论0 收藏0
  • 前端实用资源整理

    摘要:事件的响应分区为三个阶段捕获目标冒泡阶段。绑定的多个事件会被覆盖,后者覆盖前者。再用转换成数值表示。如实际数量为,则展示为项目中使用过滤器做的处理可以抽取方法的,调整相关,可以获取指定位数的缩写。 CSS html5中a的download属性 定义和用法download 属性定义下载链接的地址或指定下载文件的名称。文件名称没有限定值,浏览器会自动在文件名称末尾添加该下载文件的后缀 (...

    Gu_Yan 评论0 收藏0
  • 前端实用资源整理

    摘要:事件的响应分区为三个阶段捕获目标冒泡阶段。绑定的多个事件会被覆盖,后者覆盖前者。再用转换成数值表示。如实际数量为,则展示为项目中使用过滤器做的处理可以抽取方法的,调整相关,可以获取指定位数的缩写。 CSS html5中a的download属性 定义和用法download 属性定义下载链接的地址或指定下载文件的名称。文件名称没有限定值,浏览器会自动在文件名称末尾添加该下载文件的后缀 (...

    wslongchen 评论0 收藏0
  • Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—3)

    摘要:属性配置界面的定义了组件的初始大小,其他属性都与组件大小调整时控制组件的大小相关。属性由四个值组成,分别是水平策略垂直策略水平伸展和垂直伸展。属性缺省值为空字符串。此属性默认为空。是对属性的补充说明。 目录 1、界面组件 1.1、布局组件(Layouts) 1.2、分隔组件(Spacers)...

    SexySix 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<