如何在jQuery中添加逗號ui微調計數器值

Question

我試圖在微調值上添加逗號。我正在增加250,000的計數器值
因此，從初始值0增加，應該是250000。然後是500,000，然後是750,000，然後是1,000,000，從而繼續到....... 10,000,000，...等。Here is my fiddle

我試圖用step: 250,000來做。但是，在該參數中添加逗號肯定會給出錯誤。那麼，我該怎麼做呢？

Answer 1

您可以嘗試使用微調控件的change事件和應用微調控件的輸入的focus事件。它並不完美，因爲該格式僅失去焦點後應用，但它的工作：

的JavaScript：

$(".spinner").spinner({ 
    min: 0, 
    step: 250000, 
    change: function (event, ui) { 
     var val = event.target.value; 
     var newVal = ""; 

     for (var i = val.length - 1, counter = 0; i >= 0; i--) { 
      if (counter == 3) { 
       counter = 0; 
       newVal = "," + newVal; 
      } 
      counter++; 
      newVal = val[i] + newVal; 
     } 

     event.target.value = newVal; 
    } 
}).on("focus", function() { 
    $(this).val($(this).val().replace(/,/g, "")); 
}); 

FIDDLE