Question

我需要输入货币金额。是否有自定义InputNumber以支持逗号（'，'）或$？

之类的东西

与此类似：

http://leonardowf.github.io/react-simple-currency/

https://github.com/jsillitoe/react-currency-input

我现在正在使用form和InputNumber但是很难读取（对于用户而言）至少没有逗号每千人：

<Col span='24'>
   <FormItem label='Original Investment'>
         {getFieldDecorator('originalInvestment', {
           rules: [{ required: true, message: 'Please input your Investment!' }],
           initialValue: 100000000
         })(
            <InputNumber min={100000000} max={10000000000} />
         )}
   </FormItem>
</Col>

Answer 1

目前尚不支持，您可以追踪https://github.com/ant-design/ant-design/issues/4681

Answer 2

使用此库。它维护得很好并且已经过测试 https://github.com/s-yadav/react-number-format。我尝试了很多库。这解决了我的问题

Answer 3

你可以使用 formatter 属性来实现这一点

<InputNumber
  defaultValue={1000}
  formatter={value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
  parser={value => value.replace(/\$\s?|(,*)/g, '')}
  onChange={onChange}
/>

查看https://ant.design/components/input-number/#components-input-number-demo-formatter了解更多

输入货币输入的输入数字？

3 个答案: