美文网首页
AntDesign InputNumber 组件限制保留2位小数

AntDesign InputNumber 组件限制保留2位小数

作者: pjqdyd | 来源:发表于2022-05-11 09:53 被阅读0次
    最多保留2位
     <InputNumber 
       min={-10000}
       max={10000}
       formatter={value => {
        return (
          `${value}`
            .replace(/\B(?=(\d{3})+(?!\d))/g, "")
            .replace(/^(-)*(\d+)\.(\d\d).*$/, "$1$2.$3") + '元'
        );
      }}
      parser={value => {
        return value
          .replace(new RegExp('元', "g"), "")
          .replace(new RegExp(/[^0-9.-]/, "g"), "")
          .replace(/^(-)*(\d+)\.(\d\d).*$/, "$1$2.$3");
      }}
       placeholder='请输入'/>
    
    最多保留3位 (以此类推)加\d
    <InputNumber 
       min={-10000}
       max={10000}
       formatter={value => {
        return (
          `${value}`
            .replace(/\B(?=(\d{3})+(?!\d))/g, "")
            .replace(/^(-)*(\d+)\.(\d\d\d).*$/, "$1$2.$3") + '元'
        );
      }}
      parser={value => {
        return value
          .replace(new RegExp('元', "g"), "")
          .replace(new RegExp(/[^0-9.-]/, "g"), "")
          .replace(/^(-)*(\d+)\.(\d\d\d).*$/, "$1$2.$3");
      }}
       placeholder='请输入'/>
    
    直接使用precision
    <InputNumber 
       min={-10000}
       max={10000}
       precision={2}
       formatter={value => {
        return (
          `${value}` + '元'
        );
      }}
      parser={value => {
        return value.replace(new RegExp('元', "g"), "")
      }}
       placeholder='请输入'/>
    

    相关文章

      网友评论

          本文标题:AntDesign InputNumber 组件限制保留2位小数

          本文链接:https://www.haomeiwen.com/subject/qpldurtx.html