码迷,mamicode.com
首页 > 其他好文 > 详细

react 输入小数点

时间:2020-06-10 19:19:14      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:ber   def   hang   ret   cti   with   format   fun   comm   

    <Input
            style={{ width: 80 }}
            value={percent.commission}
            defaultValue={0}
            onChange={(e) => {
              let { value } = e.target;
              let re = /(^(\d|[1-9]\d)(\.\d{0,2})?$)|(^100$)/;
              if(!re.test(value)){
                value = value.substring(0,value.length-1)
              }
              dispatch({
                type: "percent/updatePayload",
                payload: {
                  commission: value,
                },
              });
            }}
          ></Input>
  //格式化数字
  function formatNum(num) {
    if(!num){
      return ‘0.00‘
    }
    if(num.toString().endsWith(".")){
      return num + ‘00‘
    }
    return parseFloat(num).toFixed(2);
  }
  • 不是随便输的情况 不要用InputNumber

react 输入小数点

标签:ber   def   hang   ret   cti   with   format   fun   comm   

原文地址:https://www.cnblogs.com/chengyunshen/p/13087289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!