Fatal编程技术网
  • javascript/
  • Javascript i'；我在twitter引导中使用引导计时器，但它没有'；t单击时间图标时显示时间选择器弹出窗口

Javascript i'；我在twitter引导中使用引导计时器，但它没有'；t单击时间图标时显示时间选择器弹出窗口

javascript html twitter-bootstrap

Javascript i'；我在twitter引导中使用引导计时器，但它没有'；t单击时间图标时显示时间选择器弹出窗口,javascript,html,twitter-bootstrap,datepicker,Javascript,Html,Twitter Bootstrap,Datepicker,当我点击时间图标时，它什么也没显示。我正在使用以下代码： <div class="control-group"> <label class="control-label">Next Time</label> <div class="controls"> <div class="input-append bootstrap-timepicker"> <input id="tim

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

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


$（'#timepicker1'）。timepicker（）；
您必须将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>


下一次


$（'#timepicker1'）。timepicker（）；
它工作正常。
您是否也包含了jquery和引导脚本以及css？

您的浏览器控制台上是否显示了任何错误？这里似乎工作正常谢谢各位，这是我的错，因为Js文件丢失。thnks需要您的帮助。 
<!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>