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")); 

}); 

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); 
    } 

});