jquery - ハンドル内のJquery UIスライダー値

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 日で、次のようになります。

乾杯、

ヨナ