noUiSlider test s desetinym mistem

by Petr Haluza

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.5.1/nouislider.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.5.1/nouislider.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/wnumb/1.1.0/wNumb.min.js"></script>
<div id="content">
  <div id="slider"></div>
</div>

CSS

#content {
  margin: 100px;
}
#slider{
  //height:500px;
}
#slider > .noUi-base {
  background: #c0392b;  
}
#slider  {
  background: #50ab2b;  
}
#slider  {
  background: #80392d;  
}

JavaScript

var slider=document.getElementById('slider');
noUiSlider.create(slider, {
  start: [11.6,18.4], //num, [num], [num,num]
  range: {
    'min': 11.6,
    '10%': 12,
    '20%': 13,
    '30%': 13.3,
    '40%': 14,
    '50%': 15.6,
    '60%': 17,
    '80%': 17.3,
    'max': 18.4
  },
  //behaviour: 'drag-tap',
  //connect: true,
  //margin: 30,
  //limit: 40,
  //step: 0.1,
  //orientation: 'horizontal',
  //animate: true,
	//animationDuration: 300,
  tooltips:[ wNumb({decimals: 1}), wNumb({decimals: 1})],
  snap: true
})