使用Inputmask格式化百分比

Question

我正在使用Herbots的InputMask，但效果很好，但我注意到它可以处理百分比，因此掩码为“ 0.00％”的值为0.4的格式为“ 0.4％”。

好吧，当然。 说得通。 除非我要处理的实际百分比值是介于0和1之间的值，所以使用上述蒙版显示的0.4应该显示为“ 40.00％”。

我之前（使用其他遮罩系统）曾遇到过此问题，并试图通过将输入值乘以100并在出路时将其除以在表单级别进行修复，但这是一件丑陋的事情。 InputMask（预处理器或自定义钩子）中是否有某些东西可以让我将实际值格式化为适当的百分比？

Answer 1

好的，我的解决方法是使用onBeforeMask和onUnMask函数。 在Clojure中，它是：

:onBeforeMask (fn [value opts] (str (* 100 (cljs.reader/read-string value))))
:onUnMask (fn [maskedvalue unmaskedvalue] (str (/ unmaskedvalue 100)))

如果有的话，我仍然相信一种替代数据的方法。 关键似乎是onBeforeMask给您一个字符串并希望返回一个字符串，其中onUnMask将给您一个数字（但仍希望返回一个字符串）。