你可以在輸入類型號碼中單步“1.00”而不是1嗎？

Question

我正在使用聚合物紙張輸入，我想讓我輸入的type="number"總是顯示2個小數點，包括它是一個整數。

因此，我希望始終將其顯示為1.00而不是默認值1 。 我將紙張輸入設置為step="1"或甚至step="0.01" ，但每次該值為整數時，它都不會顯示1.00

<paper-input id="taxPercent" min="0" max="99" step="1.00" on-change="_onVariablesChanged" value="0.00"> Tax Percent</paper-input>

_onVariablesChanged: function (event){
 let value = event.target.value; 
 value = parseFloat(value).toFixed(2);
}

Answer 1

輸入更新后，檢查是否. 在值中找到。

• 如果是這種情況，則無需改變某些內容。
• 如果沒有，請在最后添加.00 。

 document.addEventListener('DOMContentLoaded', () => { document.querySelector('input').addEventListener('input', update); }); function update() { if (/\\./.test(this.value) === false) { this.value = `${this.value}.00`; } } 

 <input type="number" step="0.01"> 

Answer 2

您可以使用事件偵聽器來檢測值何時更改。 input.value將是一個字符串，但添加+會將其轉換為數字。 數字具有toFixed()方法（ mdn ），它將數字格式化為包含一定數量的小數精度。

 const input = document.querySelector('input'); input.addEventListener('input', () => input.value = (+input.value).toFixed(2)); 

 <input type="number" min="1">