Rangeslider.jsは出力

Question

に小数点を追加こんにちは、私はこの範囲スライダを使用しています： http://rangeslider.js.org/

を、私はそうのような出力のdivに小数点を追加する方法を知っていただきたいと思います：1.000,000

Answer 1

申し訳ありませんが、私は実際に同じ質問をしています...

この例題は "0"から "100"になります。この例は "0"から " 「100000」の代わりに「100.000」を表示する。

さらに、「€」記号を追加することが可能かどうかを知ることは素晴らしいことでしょうか？

お手伝いいただける方々に感謝します。

http://codepen.io/andreruffert/pen/meeOav

HTML

<h1>Vertical orientation support</h1> 
<input type="range" data-orientation="vertical"> 
<output></output> 

Javascriptを：

var $element = $('input[type="range"]'); 
var $output = $('output'); 

function updateOutput(el, val) { 
    el.textContent = val; 
} 

$element 
    .rangeslider({ 
    polyfill: false, 
    onInit: function() { 
     updateOutput($output[0], this.value); 
    } 
    }) 
    .on('input', function() { 
    updateOutput($output[0], this.value); 
    }); 

CSS

output { 
    font-size: 2em; 
    padding: .3em; 
} 

Answer 2

私は友人の助けを借りて解決策を見つけ出します。 これらの変更は、スライダーを起動する関数を呼び出す場所で行います。

これはどのようにコードを見て、元々ある：以下のコードの一部は、出力をフォーマットし、コードは次のようになります

.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') 

それに小数点とドル記号を追加

var $element1 = $('#slider_range_1'); 
var $output1 = $('#output_1'); 

$element1 
    .rangeslider({ 
    polyfill: false, 
    onInit: function() { 
    updateOutput($output1[0], this.value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')); 
    } 
}) 

.on('input', function() { 
    updateOutput($output1[0],parseInt(this.value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')); 
    console.log(this.value); 
}); 

あなたが変更を加えた後。

var $element1 = $('#slider_range_1'); 
var $output1 = $('#output_1'); 

$element1 
    .rangeslider({ 
    polyfill: false, 
    onInit: function() { 
    updateOutput($output1[0], this.value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')); 
    } 
}) 

.on('input', function() { 
    updateOutput($output1[0],parseInt(this.value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')); 
    console.log(this.value); 
});