【问题标题】:React-text-mask not formatting the input value into Indian Currency FormatReact-text-mask 未将输入值格式化为印度货币格式
【发布时间】:2019-11-15 12:36:25
【问题描述】:

我正在使用 react-text-mask 来屏蔽输入字段。输入字段应将用户输入格式化为有效的印度货币格式。

我一直在尝试以下代码,但这没有帮助。

<MaskedInput
          mask={[
            /\d{1,2}/,
            /\d{1,2}/,
            ",",
            ")",
            " ",
            /\d/,
            /\d/,
            /\d/,
            "-",
            /\d/,
            /\d/,
            /\d/,
            /\d/,
          ]}
        />

输入:213456

同步显示的输出应该是:2,13,456

输入:222345666.956

同步显示的输出应该是:22,23,45,666.956


任何有关如何在反应中实现印度货币格式的帮助将不胜感激。谢谢。

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    您不需要为此使用库。像这样使用 toLocaleString 即可。

    console.log((123123123.11).toLocaleString('hi'));

    【讨论】:

    • 是的,这可以使用,但要使用它,我必须为输入值实现一个状态变量,并且由于 setState 方法不是同步的,它在用户输入触发的每个更改中都会产生问题。
    猜你喜欢
    • 1970-01-01
    • 2012-01-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多