代码之家  ›  专栏  ›  技术社区  ›  Harsha M V

材质UI滑块-标签格式

  •  1
  • Harsha M V  · 技术社区  · 4 年前

    enter image description here

    我想显示的标签是一个更可读的格式,如 100k 1M 1k

    我想用这个函数来改变数字的显示方式。

    function numFormatter(num) {
        if(num > 999 && num < 1000000){
            return (num/1000).toFixed(0) + 'K'; // convert to K for number from > 1000 < 1 million 
        }else if(num > 1000000){
            return (num/1000000).toFixed(0) + 'M'; // convert to M for number from > 1 million 
        }else if(num < 900){
            return num; // if value < 1000, nothing to do
        }
    }
    
    0 回复  |  直到 4 年前
        1
  •  3
  •   keikai    4 年前

    是的,这是可能的。

    材质UI滑块具有名为 值标签格式

    参考:

    valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
    

    valueLabelFormat={value => <div>{numFormatter(value)}</div>}
    

    enter image description here