jquery - ページの読み込み時に時間形式を表示するJquery UIスライダー?

Question

こんにちは、jquery UI のスライドを使用して時間入力を作成するコードを貼り付けました。コードは正常に動作しますが、ページが最初にロードされたとき、値は hh:mm の代わりに数値を示します。誰でもこれを行う方法を教えてもらえますか?

$(function() {

    $("#sliderTime2").slider({
        range: false,
        value: 720,
        min: 0,
        max: 1425,
        step: 15,
        slide: function(e, ui) {
            var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);
            if(hours < 10) hours = '0' + hours;
            if(minutes < 10) minutes = '0' + minutes;
            $('#sliderTimeDis2').val(hours+':'+minutes);
        }
    });

     $("#sliderTimeDis2").val($("#sliderTime2").slider("value"));

});