引导日期时间选择器不工作答案

【问题标题】：Bootstrap datetime picker is not working引导日期时间选择器不工作
【发布时间】：2014-09-27 19:03:25
【问题描述】：

我正在使用 Bootstrap 3 和 Bootstrap datetimepicker，来自：http://eonasdan.github.io/bootstrap-datetimepicker

但问题是它在我的项目中不起作用。

这是我的标记：

    <!--Load Bootsrap stylesheet  -->
    <link href="css/bootstrap.css" rel="stylesheet" />

    <!--Load Bootsrap-Datepicker stylesheet  -->
    <link href="css/bootstrap-datetimepicker.css" rel="stylesheet" />

    <!--Load Fontawesome stylesheet  -->
    <link href="css/font-awesome.css" rel="stylesheet" />

    <!--Load Global js plugin -->
    <script src="js/jquery-2.1.1.js"></script>

    <!--Load moment js plugin -->
    <script src="js/moment.min.js"></script>

    <!--Load Bootsrap js plugin -->
    <script src="js/bootstrap.js"></script>

    <!--Load Bootsrap-Datepicker js plugin -->
    <script src="js/bootstrap-datetimepicker.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>

    <form role="form">
        <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" class="form-control"/>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
           </div>
        </div>
    </form>

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 datetimepicker

【解决方案1】：

这样使用

<!--Load Bootsrap stylesheet  -->
<link href="css/bootstrap.css" rel="stylesheet" />

<!--Load Bootsrap-Datepicker stylesheet  -->
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet" />

<!--Load Fontawesome stylesheet  -->
<link href="css/font-awesome.css" rel="stylesheet" />

<!--Load Global js plugin -->
<script src="js/jquery-2.1.1.js"></script>

<!--Load moment js plugin -->
<script src="js/moment.min.js"></script>

<!--Load Bootsrap js plugin -->
<script src="js/bootstrap.js"></script>

<!--Load Bootsrap-Datepicker js plugin -->
<script src="js/bootstrap-datetimepicker.js"></script>

<form role="form">
    <div class="form-group">
        <div class="input-group date" id="datetimepicker1">
            <input type="text" class="form-control"/>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
       </div>
    </div>
</form>

<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker();
    });
</script>

我刚刚在表单之后移动了脚本标签。这必须有效。

【讨论】：