javascript - Bootstrap 日期时间选择器不工作

Question

您好，我的日期时间选择器无法工作，我不知道原因。有人可以帮我解决这个问题吗？

这是链接

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

这是表单中的代码，但我认为不需要将其放在这里

<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文件夹

Answer 1

首先，要显示日期选择器，您需要在输入上调用该函数。

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

此外，请包含相关的 css 文件以便显示字形图标