EasyUI numbox输入框,金额格式化显示
1.HTML文件
<th id="sellerHopePrices_Th">委托方保留价:</th>
<td id="sellerHopePrices_Td"><input id="sellerHopePrices" type="text"
name="sellerHopePrices" style="width: 150px;" maxlength="12"
class="easyui-numberbox" data-options="required:true,validType:'length[1,12]'" />
</td>
2.js进行格式户操作
/**
* 格式化easyui-numberbox
*/
function numberBoxFtt(){
$('.easyui-numberbox').each(function(){
var box = $(this);
box.numberbox({
groupSeparator:',',
parser:function(val){
if(isNaN(val) ||( val=="" && val!="0" )|| val==null){
return null;
} else{
return Number(val).toFixed(2).replace('.00','');
}
}
});
box.textbox('textbox').focus(function(){
//将全局的 “ ,” 逗号在赋值保存的时候,拿掉 var value=box.textbox('textbox').val().replace(/\,/g,"");
box.textbox('textbox').val(value);
this.select();
}); //为什么这里要定义回车事件呢?
box.textbox('textbox').keydown(function(e){
// 按下回车键的时候
if(e.keyCode == 13) {
var value=box.textbox('textbox').val().replace(/\,/g,"");
if(value != ""){
box.textbox('textbox').val(value);
} else {
box.textbox('textbox').val("0,0");
}
box.textbox('textbox').blur();
}
});
});
}
3.效果图


EasyUI numbox输入框,金额格式化显示的更多相关文章
- vue表格中显示金额格式化与保存时格式化为数字并校验!
最近项目中遇到了成本计算的,需要显示金额,保存一下,以后方便直接拿来用! 一 数字转金额格式显示 //数字转金额格式 format:function(s){ if(/[^0-9\.]/.test(s) ...
- EasyUI datagrid 格式化显示数据
http://blog.163.com/ppy2790@126/blog/static/103242241201512502532379/ 设置formatter属性,是一个函数,格式化函数有3个参数 ...
- Django模版语言 格式化显示 后台datatime()时间
Django模版语言 格式化显示 后台datatime()时间 场景描述:
- oracle 金额格式化
一般金额要显示成 XXX,XXX,XXX.XX的格式,可以这样做: to_char(column, 'FM999,999,999,990.00')
- SpringMVC学习系列(7) 之 格式化显示
在系列(6)中我们介绍了如何验证提交的数据的正确性,当数据验证通过后就会被我们保存起来.保存的数据会用于以后的展示,这才是保存的价值.那么在展示的时候如何按照要求显示?(比如:小数保留一定的位数,日期 ...
- iOS开发笔记11:表单键盘遮挡、浮点数价格格式化显示、省市区选择器、View Debugging
1.表单键盘遮挡 应用场景为一个collectionView上有多个textfield.textView供用户填写信息. 之前输入项较少时,采取的方法比较粗暴,didSelectItemAtIndex ...
- java web中日期Date类型在页面中格式化显示的三种方式
一般我们经常需要在将服务器端的Date类型,传到页面进行显示,这就涉及到一个如何格式化显示Date类型的问题,一般我们有三种方式进行: 1)在服务端使用SimpleDateFormat等类格式化成字符 ...
- SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...
- easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示 用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColu ...
随机推荐
- saltstack安装和配置
[root@web9 salt]# vi filetest.sls //ADD file_test: file.managed: - name: /tmp/lulu.com - source: sal ...
- java - 线程1打印1-10,当线程打印到5后,线程2打印“hello”,然后线程1继续打印
public class T { private static int a =1;//1代表线程1 2线程2 public static void main(String[] args) { fina ...
- HDU-5280
Senior's Array Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)To ...
- addeventlistener监听scroll跟touch
这三个事件只在手机上生效 touchstart,手指开始触屏 touchmove,手指移动 touchend,手指触屏结束 这个事件在手机上跟在pc端都生效 scroll事件 addeve ...
- JAVA二叉树的创建以及各种功能的实现
直接上代码了,代码说得很清楚了 package BTree; public class BTree { private Node root; private class Node { private ...
- Unique Binary Search Trees I&&II(II思路很棒)——动态规划(II没理解)
Given n, how many structurally unique BST's (binary search trees) that store values 1...n? For exa ...
- HTTP资源合集
(1)MoZILLA开发者web技术文档之HTTP 未完待续...
- 利用WINDOWS活动目录提供LDAP的方案
Windows Server 2008 R2 活动目录服务安装 http://blog.sina.com.cn/s/blog_622de9390100kgv3.html WINDOWS 2008 域控 ...
- Zabbix历史数据库迁移 及分区
https://blog.csdn.net/hkyw000/article/details/78971201?utm_source=blogxgwz6
- iwebshop 自动给css js链接加版本信息
lib/core/tag_class.php case 'theme:': $path = $matches[4]; $exts = strtolower(substr($matches[4], st ...