ClockPicker で、時(Hour)だけの入力にする方法、
つまり、時(Hour)の選択後、分(minute)を選択する表示をせずに、入力を終わらせて
hh:00 が入力結果になるようにする方法
Option で、afterHourSelect のイベント捕捉の処理を書き、
data('clockpicker').done()
で入力を強制的に終わらせる。
var targetInput = $('timeinput'); var cp = targetInput.clockpicker({ autoclose: true, afterDone: function(){ // +1 hour の時:分 var hour = parseInt(targetInput.val().split(":")[0], 10); var next = hour==23 ? 0 : hour + 1; var nexttime = ("0" + next).slice(-2) + ":00"; console.log(nexttime); }, afterHourSelect: function(){ cp.data('clockpicker').done(); } });
<div> <input id="timeinput" type="text"> </div>