javascript - Bootstrap DateTimePicker不起作用

您好我的datetimepicker不能正常工作，我也不知道为什么。有人可以帮我吗？

这是链接

<link rel="stylesheet" href ="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">

这是它在form内部的代码，但我认为不需要将其放在这里

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

这是我的剧本

<script src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">

 $(function () {
                $('#datetimepicker1').datetimepicker();
            });
    </script>

这是输出


我的css文件夹


我的js文件夹

最佳答案

首先，要显示日期选择器，您需要调用input上的函数。

$('#datetimepicker1 input').datetimepicker()

另外，请包括有关glyphicons的相关css文件以显示