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

最多保留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='请输入'/>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容