我有一个带有 timepicker 的输入字段,我为我使用了引导日历UI
,并将此配置用于 timepicker:
<div class='input-append' id='datetimepicker2' >
<input data-format='HH:mm:ss PP' type='text' name="start_time" id="start_time" value="<?php echo set_value('start_time')?>"/>
<span class='add-on'>
<i data-date-icon='icon-calendar' data-time-icon='icon-time'>
</i>
</span>
</div>
</div>
<script type='text/javascript'>
$(function() {
$('#datetimepicker2').datetimepicker({
language: 'en',
pick12HourFormat: true,
pickDate: false
});
});
</script>
我的工作是,如果我使用 timepicker 完成输入数据start_time
,end_time
我会自动计算total_time
但我不知道在哪里触发事件。我不能使用onchange
,onblur
因为焦点不在输入字段上,而是在时间选择器图标上。当我使用时间选择$('#datetimepicker2').click
器或时间选择器中的任何事件时,它都不起作用,只是它$('#datetimepicker2').datetimepicker
本身起作用。那么我在哪里放置event
或者我需要什么特定的事件呢?有什么帮助吗?因为我真的被困在这里这么久了