javascript - 我正在将 Bootstrap Timepicker 与 twitter bootstrap 一起使用，但它不会在单击时间图标时显示时间选择器弹出窗口

Question

当我点击时间图标时，它什么也没显示。我正在使用这段代码:

<div class="control-group">
    <label class="control-label">Next Time</label>
    <div class="controls">
        <div class="input-append bootstrap-timepicker">
            <input id="timepicker1" type="text" class="input-small">
            <span class="add-on"><i class="icon-time"></i></span>
        </div>
    </div>
</div>

这是我使用的脚本和 CSS:

<link type="text/css" href="assets/css/bootstrap-timepicker.min.css" />

<script type="text/javascript" src="assets/js/bootstrap-timepicker.min.js"></script>
<script type="text/javascript">
    $('#timepicker1').timepicker();
</script>

Answer 1

您必须将 id 放在您的父 div 上:

<div class="control-group">
    <label class="control-label">Next Time</label>
    <div class="controls">
        <div id="timepicker1" class="input-append bootstrap-timepicker">
            <input type="text" class="input-small">
            <span class="add-on"><i class="icon-time"></i></span>
        </div>
    </div>
</div>