Reactjs+antdesign 如何实现数字千分位效果

实现效果:

数字千分位实现效果图

实现方式:




代码实现效果,处理数字千分位

附代码:(省的一个个敲)

    formatNumber = (value) => {

        value += '';

        const list = value.split('.');

        const prefix = list[0].charAt(0) === '-' ? '-' : '';

        let num = prefix ? list[0].slice(1) : list[0];

        let result = '';

        while (num.length > 3) {

            result = `,${num.slice(-3)}${result}`;

            num = num.slice(0, num.length - 3);

        }

        if (num) {

            result = num + result;

        }

        return `${prefix}${result}${list[1] ? `.${list[1]}` : ''}`;

    }

千分位转化成正常数字结构

 nameOnChange = (e) => {

        console.log(e.target.value);

        let value = e.target.value

            ;

        this.setState({

            name: this.formatNumber(value.replace(/,/g, ''))

        })

    }

真是可用,希望能帮到你,找了好久都没有发现可用真正使用的

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容