2016-03-05 163 views
0

我使用jQuery Timepicker如下: -jQuery的Timepicker - 每15分鐘

//時間選取功能

$(function() { 
    $('#time').timepicker({ 'scrollDefault': 'now','timeFormat': 'H:i', stepMinute: 15 }); 

    var coeff = 1000 * 60 * 15; 
    var date = new Date(); //or use any other date 
    var rounded = new Date(Math.round(date.getTime()/coeff) * coeff); 

    $('#time').timepicker('setTime', rounded); 

}); 

在選擇對象,我試過設置interval: 15stepMinute: 15。默認情況下,下拉菜單以30分鐘的時間間隔顯示時間。我試圖將其改爲15分鐘。有沒有辦法改變這種情況?

+0

給我們一個鏈接到插件是非常重要的。每個都有不同的用法和選項。 – Jasen

回答

2

根據GitHub網站,沒有stepMinute選項。我做了,但是看到了一個步驟選項。這是最有可能你在找什麼,並會解決這個問題

一步 的時間量,以分鐘爲單位,在下拉列表中的每個項目之間。或者,您可以指定一個函數來動態生成步驟。該函數將收到一個計數整數(0,1,2 ...),並預計返回一個整數。 默認值:30

https://github.com/jonthornton/jquery-timepicker

編輯:包含這兩個文件

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.9/jquery.timepicker.min.css" /> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.9/jquery.timepicker.min.js"></script> 
+1

快速小提琴:https://jsfiddle.net/r89pgnpo/ –

+0

感謝您幫助我。我正在自己的小提琴上工作,但很難讓它工作。 –