JQuery UI слайдер, отображающий формат времени на загрузке страницы?

Question

Здравствуйте, я вставил несколько кода, создавая ввод времени, используя слайд в пользовательском интерфейсе jquery. Код работает нормально, но при отображении страницы сначала отображается числовое значение на 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")); 

}); 

Answer 1

Ваша проблема заключается в том, что вы загружаете значение ползунка, которое было бы целым числом в ваш div.

Вы хотите что-то вроде этого:?

$(function() { 

    $("#sliderTime2").slider({ 
     range: false, 
     value: 720, 
     min: 0, 
     max: 1425, 
     step: 15, 
     slide: function(e, ui) { 
     updateTimeDisplay(ui.value); 
     }, 
     create: function(e, ui) { 
     //this should work 
     updateTimeDisplay($(this).option('value')); 
     } 
    }); 

    var updateTimeDisplay=function(timeVal) 
    { 
     var hours = Math.floor(timeVal/60); 
     var minutes = timeVal - (hours * 60); 
     if(hours < 10) hours = '0' + hours; 
     if(minutes < 10) minutes = '0' + minutes; 
     $('#sliderTimeDis2').val(hours+':'+minutes); 
    } 

});