如何在計時器中計算所計算的時間？

Question

我有https://github.com/jonthornton/jquery-timepicker這個timepicker插件，我想獲得計算時間並將其放入輸入字段。任何幫助？ 請參閱http://postimg.org/image/4m78gqdmx/以獲取圖像參考。 如何獲得計算時間？

Answer 1

您可以使用.val()來獲得時間。

Answer 2

有一個「事件示例」在他們的網頁，應該幫助

http://jonthornton.github.io/jquery-timepicker/

$('#onselectExample').timepicker(); 
$('#onselectExample').on('changeTime', function() { 
    $('#onselectTarget').text($(this).val()); 
}); 

凡$('#onselectTarget')可能是從<div>或<span>到<input>場什麼。請記住相應地設置.text()或.val()。

在上例中，他們將span的內部文本設置爲更改時的timepicker的值。如果你想設置其他輸入字段的值，你可以把它改成：

$('#onselectExample').timepicker(); 
$('#onselectExample').on('changeTime', function() { 
    $('#onselectTarget').val($(this).val()); 
}); 

（注意的.text().val()代替）

更新

正如在評論中指出，問題是關於計算時間，而不是實際時間。這是一個可能的解決方案。

這是不漂亮，因爲在功能上回報變化計算出的時間沒有建立，但它應該工作

http://jsfiddle.net/9ya53/

$('#onselectExample').timepicker({ 
    'minTime': '2:00pm', 
    'maxTime': '11:30pm', 
    'showDuration': true 
}); 
$('#onselectExample').on('changeTime', function() { 
    $('#onselectTarget').val($("li:contains('" + $(this).val() + "')").find('.ui-timepicker-duration').text()); 
});