Append character to tooltip in noUISlider
<p>I'm trying to get <strong>noUISlider</strong> to show the "tooltip" with <code>€</code> as part of it. Here is a working example of what I have:</p>

<p><a href="https://jsfiddle.net/d4nxcwwu/4/" rel="nofollow noreferrer">https://jsfiddle.net/d4nxcwwu/4/</a></p>

<p><strong>Javascript:</strong></p>

<pre><code>$(document).ready( function() { 

  var topSlider = document.getElementById('price_slider');
  noUiSlider.create(topSlider, {
      tooltips: [wNumb({ decimals: 0 }), wNumb({ decimals: 0 })],
      behaviour: 'drag-tap',
      connect: true,
      range: {
          'min': 10,
          'max': 500
      },
      // snap: true,
      start: [10, 500]
  });

    topSlider.noUiSlider.on('update', function ( values, handle, unencoded, isTap, positions ) {
        $('#price_from').val(parseInt(positions[0]));
        $('#price_to').val(parseInt(positions[1]));
    });

});
</code></pre>

<p><strong>HTML:</strong></p>

<pre><code>&lt;div style="padding:100px"&gt;
    &lt;div id="price_slider"&gt;&lt;/div&gt;
&lt;/div&gt;

From: &lt;input type="text" id="price_from" /&gt;&lt;br&gt;
To:&lt;input type="text" id="price_to" /&gt;
</code></pre>

<p>The page works, but what I want / need is for the tooltip to show the value like:</p>

<blockquote>
  <p>€1234</p>
</blockquote>

<p>not just</p>

<blockquote>
  <p>1234</p>
</blockquote>

<p>The values in the input are fine (I don't want them appended to anything)</p>

<p>I've played around with the <code>format</code> function, but it doesn't seem to do what I want / am expecting.</p>

<pre><code>format: {
    from: function(value) {
           return parseInt(value);
    },
    to: function(value) {
            return parseInt(value);
    }
},
</code></pre>

<p>FWIW, I came across this post, but couldn't get it working: <a href="https://stackoverflow.com/questions/39361098/formatting-the-tooltip-in-nouislider">formatting the tooltip in noUISlider</a> </p>

<p>Any suggestions are much appreciated. </p>