Handle中的Jquery UI Slider Value

Question

我有一个jquery滑块，它的样式是值在句柄内。我有一个脚本可以在此滑块中选择的日期工作，但我想显示句柄中的日期。

我试过这个，但它不起作用。

$("#slider2").slider({
    max:30,
    min:7,

    slide: function(event, ui) {  

        $("#days").val(ui.value);
        $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val())));
                update();
    },
    create: function(event, ui) {
      $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val())));
    }    
});

这是Fiddle。因此，在句柄中，它应该看起来像，计数最多可达30天。

干杯，

约拿

Answer 1

您的代码引用了不存在元素的ID（“amount2”，“date”等）。

而且，我认为您引用了ID为“days”的滑块，也不存在。

在this fiddle中，我留下了一个有点工作的例子，它更新了句柄内的当前滑块值。这只是通过给这个句柄提供一个id：

<div id="slider2"><a id="days" class="ui-slider-handle"></a></div>

并在滑块的滑动事件中正确更新其值：

$("#days").html(ui.value);