ant design inputNumber处理

目录

前言

导语

代码部分

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

歌谣 歌谣 对于项目中涉及金额的需要怎么处理呢

​编辑

代码部分

// formatter 和 parser <InputNumber style={{ width: '100%' }} value={baseInfo.minRepeatedlyAmount} onChange={(value) => this.handleChangeFormData(value, 'minRepeatedlyAmount')} formatter={(value) => `¥ ${value}`. replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={(value) => value.replace(/¥\s?|(,*)/g, '')} min={0} step={0.01} precision={2} />

总结

用formatter 指定输入框展示值的格式 parser 指定从 formatter 里转换回数字的方式,和 formatter 搭配使用

posted @ 2023-06-11 20:40  前端导师歌谣  阅读(62)  评论(0)    收藏  举报  来源