Question

如何在我的代码中添加上千个逗号分隔符。我想为“多少贷款？”字段显示一个逗号分隔符。和“您的信用”？我正在使用d3.js。

这是我的代码：

据说我应该使用d3.format，但无法在计算器中使用它。

var myNumber = 22400;
d3.format(',')(myNumber);

JavaScript：

var inputValues = {
    price: {
        _value: 5000,
        set value(val) {
            this._value = parseFloat(val);
            var tiv = inputValues.trade_in_value.value;
            var cdp = inputValues.cash_down_payment.value;

            if(this._value < tiv + cdp) {
                if(this._value > tiv) {
                    inputValues.cash_down_payment.value = this._value - tiv;
                } else {
                    inputValues.cash_down_payment.value = 0;
                    inputValues.trade_in_value.value = this._value;
                }
            }
        },
        get value() {
            return this._value;
        },
        min: 0,
        max: 500000,
        step: 1,
        reset: function () {
            this._value = 500000;
        }
    },
    cash_down_payment: {
        _value: 6000,
        set value(val) {
            this._value = parseFloat(val);
            var sum = this._value + inputValues.trade_in_value.value;
            if(sum > inputValues.price.value) {
                inputValues.trade_in_value.value = inputValues.price.value - this._value;
            }
        },
        get value() {
            return this._value;
        },
        min: 0,
        get max() {
            return inputValues.price.value;
        },
        step: 500,
        reset: function () {
            this._value = 6000;
        }
    },

};

Answer 1

如果人们只看一下DevTools控制台来查看浏览器是否吠叫。

var commaFormat = d3.format(',');

this._value = formatComma(parseFloat(val));

您需要多少个工具提示？

您无法在input框中输入'，'字符

<input type="number" class="calc__input" placeholder="Ile chcesz pożyczyć" min="0" max="500000" step="1">

要在信用div中使用逗号，请使用d3.format()生成器转换数字

document.querySelectorAll('.chart__description-value')
    .forEach(function (valueWrapper) {
        var value = legendData[valueWrapper.classList[1]];
        valueWrapper.textContent = formatComma(Math.round(value));
    });

重置按钮在哪里？

供人使用的格式数字

1 个答案: