Jquery滑塊。需要滑塊顯示15分鐘的增量，並顯示小時不只是分鐘

我有一個jquery滑塊，以15分鐘爲增量選擇一段時間。我需要這個從15分鐘到1小時，等滑動到8小時。我嘗試了很多我在網上找到的例子，但都沒有成功。現在我的滑塊以15 int增量增長到480分鐘。任何幫助或其他想法，將不勝感激。提前致謝。Jquery滑塊。需要滑塊顯示15分鐘的增量，並顯示小時不只是分鐘

源代碼

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $("#slider-range-max").slider({ 
      range: "min", 
      min: 0, 
      max: 480, 
      value: 15, 
      step: 15, 
      slide: function (event, ui) { 
       $("#amount").val(ui.value); 
       $("#amount1").val(ui.value); 
      } 
     }); 
     if("<%=this.IsPostBack%>" === "True") 
     { 
      $("#amount").val($("#slider-range-max").slider("value")); 
      $("#amount1").val($("#slider-range-max").slider("value")); 
      $("#txtHiddenAmount").val($("#amount").val()); 
     } 

    }); 

    <label for="amount">Time/Length in Minutes(Slide to Desired Amount, 1 Credit per hour):</label> 
       &nbsp 
       <input type="text" id="amount1" readonly="readonly" style="border: 0; color: #f6931f; font-weight: bold;" /> 
       <asp:TextBox ID="amount" runat="server" Style="color: white"  BorderWidth="0" ClientIDMode="Static">15</asp:TextBox>

來源

2013-10-10 user2425793

如果您需要到分鐘的值格式爲小時和分鐘，你可以做數學題是這樣的：

var hours = Math.floor(val/60); 
var minutes = val % 60;

小提琴例如：http://jsfiddle.net/9vPrW/2/

來源

2013-10-10 18:08:02

由於工作就像魅力！感謝您的快速和有益的迴應。 – user2425793

變化從15的step值60在初始化滑塊增加時間中的每個1小時爲單位。
此外，以顯示小時值，則需要由60

如來劃分分鐘值：.val(parseInt($("#slider-range-max").slider("value"))/60);

來源

2013-10-10 18:03:51 Vandesh

Jquery滑塊。需要滑塊顯示15分鐘的增量，並顯示小時不只是分鐘

回答

相關問題