如何格式化vaadin文本字段以$ x,xxx格式显示货币

时间:2018-08-15 03:28:25

标签: polymer vaadin

我要在聚合物中使用vaadin文本字段,并且希望文本在用户键入时自动格式化为货币格式,例如$ 4,500或$ 10,000。我只能获取前缀和数字,而不能获取逗号。

<vaadin-text-field prevent-invalid-input pattern="[0-9]*" style = "width: 6em"><div slot="prefix">$</div> </vaadin-text-field>

1 个答案:

答案 0 :(得分:0)

我相信vaadin-text-field没有任何直接属性或方法。我通过为其制作一个组件包装器来解决。基本上,它会在用户键入时验证输入,并在正确的位置添加逗号。它也与.作为输入兼容。使用属性comma打开和关闭该功能。回购链接在下面。

https://github.com/binhbbbb/comma-field