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),当您滑动时,更新它.

实时版本：http://jsfiddle.net/8ek4a/5/

代码：

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

更新：
现在我想出了这个解决方案来实现指标.见http://jsfiddle.net/8ek4a/6/