如何在计时器中计算所计算的时间？

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()); 
});