我正在将 Bootstrap Timepicker 与 twitter bootstrap 一起使用，但它没有在单击 timeicon 时显示 timepicker 弹出窗口答案

【问题标题】：i' m using Bootstrap Timepicker with twitter bootstrap but it doesn't shows the timepicker popup on clicking the timeicon我正在将 Bootstrap Timepicker 与 twitter bootstrap 一起使用，但它没有在单击 timeicon 时显示 timepicker 弹出窗口
【发布时间】：2013-06-06 09:36:24
【问题描述】：

当我点击时间图标时，它什么也没有显示。我正在使用此代码：

<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>

【问题讨论】：

您的浏览器控制台上是否显示任何错误？
这里似乎工作正常

标签： javascript html twitter-bootstrap datepicker

【解决方案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>

【讨论】：

谢谢大家，这是我的错，因为缺少 Js 文件。谢谢您的帮助。

【解决方案2】：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link type="text/css" href="css/bootstrap.min.css" />
        <link type="text/css" href="css/bootstrap-timepicker.min.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-2.2.2.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script>
    </head>
    <body>
        <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>

        <script type="text/javascript">
            $('#timepicker1').timepicker();
        </script>
    </body>
</html>

【讨论】：

【解决方案3】：

它工作正常。是否包含 jquery 和 bootstrap 脚本以及 css？

【讨论】：