2017-06-05 64 views
2

我加入了以下庫設置時間格式 'HH:MM:SS' 爲Materialise的Clockpicker

<link rel="stylesheet" href="assets/plugins/timepicker/materialize.clockpicker.css"/> 
<script src="assets/plugins/timepicker/materialize.clockpicker.js"></script> 

使用jQuery庫。

我輸入元素是

<input id="default_start_time" name="default_start_time" class="timepicker" type="time"> 

腳本部分

$('.timepicker').pickatime({ 
     default: 'now', 
     twelvehour: false, // change to 12 hour AM/PM clock from 24 hour 
     donetext: 'OK', 
     format:"HH:ii:SS", 
     autoclose: false, 
     vibrate: true 
    }); 

而且我已經試過

$('.timepicker').pickatime({ 
     default: 'now', 
     twelvehour: false, // change to 12 hour AM/PM clock from 24 hour 
     donetext: 'OK', 
     format:"HH:MM:SS", 
     autoclose: false, 
     vibrate: true 
    }); 

但時間選取器允許返回小時:分格式(如08:10,19:06)

什麼問題?

+1

我該怎麼辦,如果我想使用這個庫的第二種變化。如果它將連接默認的第二個值(如08:10:00或19:06:00) –

+0

將js和css鏈接更改爲cdn並提供一個工作示例 –

回答

2

你可以嘗試一些小的變通方法,使用step="1"

<input id="default_start_time" name="default_start_time" class="timepicker" type="time" step="1">

但一般秒不受日期時間投入和pickatime支持,看到http://amsul.ca/pickadate.js/time/#formatshttp://amsul.ca/pickadate.js/time/#formatting-rules

它可能打開一個個好主意問題在https://github.com/chingyawhao/materialize-clockpicker

+1

這意味着它是不可能的? –

+0

不與沒有任何修改的pickatime實現。 –

+0

你有任何圖書館信息,提供秒變化 –

2

實現clockpicker劑量支持秒,但你可以得到所需的結果通過添加一個簡單的jQuery代碼。

$(document).ready(function() { 
    $('.timepicker').pickatime({ 
     default: 'now', 
     twelvehour: false, // change to 12 hour AM/PM clock from 24 hour 
     donetext: 'OK', 
     format: "HH:ii:SS", 
     autoclose: false, 
     vibrate: true 
    }); 
    // For adding seconds (00) 
    $('.timepicker').on('change', function() { 
     let receivedVal = $(this).val(); 
     $(this).val(receivedVal + ":00"); 
    }); 
}); 
相關問題