jQuery UI 价格范围滑块处理小数

Question

我正在使用 jQuery UI 中的价格范围滑块并在我的配置代码中回显一些值。除了最高价格未正确显示外，一切正常。当我回显两个 php 变量时，我看到的是：

29.95

45

但在价格范围滑块中会显示以下值：

29.95 - 44.95

当我将最低值更改为30它正确显示最高值 ( 45) 时，因此小数以某种方式打破了这一点。我能做些什么来解决这个问题？

// Price filter

$("#price-slider").slider({

  range: true,

  min: 29.95,

  max: 45,

  values: [29.95, 45],

  slide: function(event, ui) {

    $("#min-price").val('€' + ui.values[0]);

    $("#max-price").val('€' + ui.values[1]);

  }

});

$("#min-price").val('€' + $("#price-slider").slider("values", 0));

$("#max-price").val('€' + $("#price-slider").slider("values", 1));

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">

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

<input id="min-price" />

<input id="max-price" />