Übergeben Sie den Anfangswert bei der Verwendung der Javascript-Nummer Formatierung

Question

Ich benutze die Zahlenformatierung (wNumb) für ein Textfeld. Es wird durch den Bereichsschieberegler (noUislider) aktualisiert und das funktioniert gut.

Die Frage, die ich erlebt habe, ist, dass wenn ich senden Sie das Formular, der gespeicherte Wert von 1000 (wahrscheinlich aufgrund der Tausendertrenn) unterteilt ist.

Wie kann ich die wNumb Formatierung beim Senden loswerden?

... 
<%= f.text_field :salary, id: "how-much" %> 

<div id="slider-format"></div> 

    <div class="field"> 
    <%= f.label :comment %><br> 
    <%= f.text_area :comment %> 
    </div> 
    <div class="actions"> 
    <%= f.submit %> 
</div> 

Dann wird das Skript unter:

<script> 
var sliderFormat = document.getElementById('slider-format'); 

noUiSlider.create(sliderFormat, { 
    start: [ 200000 ], 
    step: 1000, 
    connect: 'upper', 
    range: { 
     'min': [ 10000 ], 
     'max': [ 250000 ], 
    }, 
    format: wNumb({ 
     decimals: 0, 
     thousand: '.', 
     postfix: ' (US $)', 
    }) 
}); 

var inputValue = document.getElementById('how-much'); 

sliderFormat.noUiSlider.on('update', function(values, handle) { 
    inputValue.value = values[handle]; 
}); 

inputValue.addEventListener('change', function(){ 
    sliderFormat.noUiSlider.set(this.value); 
}); 
</script> 

Die Anweisungen auf http://refreshless.com/wnumb/ sind die folgenden ... Ich verstehe nicht, wie das verwenden, wenn das ist, was soll ich verwenden.

Usage 
var moneyFormat = wNumb({ 
    mark: '.', 
    thousand: ',', 
    prefix: '$ ', 
    postfix: ' p.p.' 
}); 

// Format a number: 
moneyFormat.to(301980.62); 
=> '$ 301,980.62 p.p.' 

// Get a number back: 
moneyFormat.from('$ 301,980.62 p.p.'); 
    => 301980.62 

Answer 1

Während Wert auf Eingabe zu speichern, müssen Sie Zahlen nur zu einigen Attribut der Eingabe-Tag hinzufügen.

sliderFormat.noUiSlider.on('update', function(values, handle) { 
    inputValue.value = values[handle]; 
    $(inputValue).attr("actual", parseFloat(values[handle]).toString().replace('.','')); 
}); 

Und dann können Sie Wert mit attr actual ersetzen, während Formular aus.

$("form").on("submit",function() { 
    $("#how-much").val($("#how-much").attr("actual")); 
}); 

Ich hoffe, dass dies nach Ihren Anforderungen funktioniert.

Answer 2

Ich denke, das Problem mit tausend Eigentum, geben Sie. anstelle von,