Reactjs+antdesign 如何實現(xiàn)數(shù)字千分位效果

實現(xiàn)效果:

數(shù)字千分位實現(xiàn)效果圖

實現(xiàn)方式:




代碼實現(xiàn)效果,處理數(shù)字千分位

附代碼:(省的一個個敲)

????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]}`?:?''}`;

????}

千分位轉(zhuǎn)化成正常數(shù)字結(jié)構(gòu)

?nameOnChange?=?(e)?=>?{

????????console.log(e.target.value);

????????let?value?=?e.target.value

????????????;

????????this.setState({

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

????????})

????}

真是可用,希望能幫到你,找了好久都沒有發(fā)現(xiàn)可用真正使用的

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容