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

你好，我的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">

这是我的脚本

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

$（函数（）{
$（'#datetimepicker1'）。datetimepicker（）；
});

这是输出

我的css文件夹

我的js文件夹

---

输入必须具有id='datetimepicker1'，而不是div。

我猜您在站点上加载HTML元素之前\n运行了javascript

在本例中，请注意，脚本位于javascript使用的div之后

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <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>
        </div>
        <!-- AFTER the datetimerpicker is loaded -->

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

$（函数（）{
$（'#datetimepicker1'）。datetimepicker（）；
});

如果它以前出现过，像这样：

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



<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <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>
        </div>

    </div>
</div>

$（函数（）{
$（'#datetimepicker1'）。datetimepicker（）；
});

---

javascript将在加载div之前运行，因此它将找不到id为#datetimepicker1的任何内容。从头部取出javascript，并将其粘贴到datetimepicker之后。

看起来您不见了

data-provide="datepicker"

按照说明@

您使用

而不是

正如示例代码所示

---

开发者控制台中还有错误吗

可能尝试不显示图标。对我来说，按照用户体验回答中的说明再次获取字体文件可以解决这个问题。首先，要显示日期选择器，需要调用

输入中的函数

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

另外，请包括相关css文件，以便显示glyphicons
Bootstrap 3日期和时间选择器的最佳用途是本网站

这里是链接

我还为你在github上做了一个例子，祝你好运

这里是链接

致以最诚挚的问候。
您不一定需要在输入端调用该函数。根据文档和给定的示例，如果您没有使用任何图标，则可以在输入上调用该函数，这样单击输入将触发日历@里卡多：是的，哈哈。先生，您知道如何使用这种格式的“1997年3月9日”来格式化日期时间吗？Datepicker接受一个可选参数-
dateFormat
：。您可以根据您的需求进行更改。是的，只需这样做：$（'#datetimepicker1'）。datetimepicker（{格式：“MMMM D，YYYY”，}）；
$('#datetimepicker1 input').datetimepicker()