jquery ui滑块显示值

我有一个值为1-5的滑块。它将更新ID为“天”的隐藏输入

$(function() {
    $("#slider").slider({
        value: 3,
        min: 1,
        max: 5,
        step: 1,
        slide: function(event, ui) {
            $("#days").val(ui.value);
        }
    });
    $("#days").val($("#slider").slider("value"));
});​

我想向滑块添加标签

所以在位置1，它会说1小时，2会说12小时，3会说1天，4=3天，5=1周

但是我想保持天数的值为1-5

这怎么可能

编辑

要复制这个吗

---

只需排列标签容器（例如，我添加了一个

div

），当你滑动时，更新它

实时版本：

代码：

$(function() {
   var labelArr = new Array("", "1 hour", "12 hours", "1 day", "3 day", "1 week");
   $( "#slider" ).slider({
       value:3,
       min: 1,
       max: 5,
       step: 1,
       slide: function( event, ui ) {
          $( "#days" ).val( ui.value );
          $("#label").html(labelArr[ui.value]);
       }
   });
   $( "#days" ).val($( "#slider" ).slider( "value" ) );
   $("#label").html(labelArr[$( "#slider" ).slider( "value" )]);
});​

更新： 现在我提出了这个解决方案来实现这个指标。请参见您可以尝试此代码

 $(function() {
$("#slider-range").slider({
  range: true,
  min: 12,
  max: 500,
  values: [ 75, 300 ],
  slide: function( event, ui ) {
    $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  }
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + "- $" + $( "#slider-range" ).slider( "values", 1 ) );
});

---

现在我们可以使用这个插件来显示值

$（“.slider”）.slider（）.slider（“pips”{
第一个：“pip”，
最后：“皮普”
}).滑块（“浮动”）

@arttronics！哦，谢谢你纠正它。我错过了白天的关系：（非常好地使用了数组，我不知道如何在UI滑块中实现。谢谢！嗨，谢谢，但不完全是我想要的。请查看屏幕截图中更新的问题。我想显示标签，以便您知道您正在选择什么。嗨@VinceLowe！我已经用指示器更新了解决方案，请查看更新的链接。您可以根据o你的需要。