小编har*_*ind的帖子

如何在javascript中同时输入小数和带有千位分隔符的自动格式?

我目前正在尝试创建一个输入,该输入将接受十进制数字,并同时使用千位分隔符自动格式化。

但是,我唯一可以做的自动格式千位分隔符是设置输入类型='文本',我无法输入十进制数字。设置 input type='number' 允许我输入十进制数字,但它不会使用千位分隔符自动格式化

这是代码:

<input
  className="cal__section__form__container--input"
  placeholder={0}
  type="text"
  value={displayVal || ""}
  onChange={(e) => {
    const targ = e.target.value.replace(/\D/g, "") || 0;
    const displayVal = parseFloat(targ).toLocaleString(undefined, {
       maximumFractionDigits: 2,
      });
      console.log(displayVal);
      
   }}
Run Code Online (Sandbox Code Playgroud)

/>

javascript input type-conversion reactjs

2
推荐指数
1
解决办法
2812
查看次数

标签 统计

input ×1

javascript ×1

reactjs ×1

type-conversion ×1