Javascript 引导日期时间选择器不工作，低于规范：_Javascript_Datetimepicker

Javascript 引导日期时间选择器不工作，低于规范：

javascript

Javascript 引导日期时间选择器不工作，低于规范：,javascript,datetimepicker,Javascript,Datetimepicker,以下是参考资料： <link href="../Bootstrap/DateTimePicker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Bootstrap/Da

以下是参考资料：

<link href="../Bootstrap/DateTimePicker/css/bootstrap-datetimepicker.css" rel="stylesheet"
    type="text/css" />
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Bootstrap/DateTimePicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>

以下是Java脚本：

<script type="text/javascript">
    $('#example').datetimepicker();

</script>


$（“#示例”）.datetimepicker（）；

这是页面的主体部分：

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

在过去两天中遇到困难，我们将非常感谢您的支持。请帮助a.s.a.p.

您需要将id“示例”应用于文本框，而不是div

请参阅以下代码：

<html>
    <title>Untitled Document</title>
    <head>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
      <div class="row">
        <div class="col-md-12">
            <div class="input-group date">
                <input type="text" class="form-control" id="example" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
      </div>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $('#example').datetimepicker();
        </script>
    </body>
</html>


无标题文件
$（“#示例”）.datetimepicker（）；

您可能错过了一些库。我已经从cdnjs服务中添加了所有这些，以防您不使用bower、Thread或其他软件包管理器。下面的示例是文档页面上的示例的完整副本，它按预期工作

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

它是否向控制台抛出任何错误？不，一切正常，只有日历在单击输入时不显示谢谢，它工作了，我想我错过了bower部分。您可以选择我的答案，只要它有助于您通过创建一个示例页面来尝试上面的HTML代码。由于与您现有的页面JS冲突，它可能无法在您的终端工作。