使用 Bootstrap 日期时间选择器时出错答案

【问题标题】：Error while using Bootstrap DateTime Picker使用 Bootstrap 日期时间选择器时出错
【发布时间】：2016-02-16 05:22:06
【问题描述】：

我正在尝试使用引导日期时间选择器。我包括所有最低要求： CSS：

<link rel="stylesheet" type="text/css" href="bundles/app/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.min.css">

JS：

<script src="http://code.jquery.com/jquery-2.1.4.js"></script> 
<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="bundles/app/js/bootstrap.js"></script>
<script src="https://raw.githubusercontent.com/moment/moment/master/locale/it.js"></script>
<script src="bundles/app/console/js/bootstrap-datetimepicker.js"></script>
<script src="http://accounts.tao.tw.shuttle.com/assets/js/bootstrap-collapse.js"></script>
<script src="https://raw.githubusercontent.com/twbs/bootstrap/master/js/transition.js"></script>

然后我添加html：

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <input type='text' class="form-control" id='datetimepicker4' />
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker4').datetimepicker();
        });
    </script>
</div>

但是，如果我单击输入文本，则不会发生任何事情，并且日期时间选择器不起作用。我确定所有 CSS 和 js 文件都已成功加载。有人知道日期时间选择器是如何工作的吗？谢谢。

【问题讨论】：

是否在本地安装了引导程序？我怀疑这些链接bundles/app/js/bootstrap.js 和bundles/app/console/js/bootstrap-datetimepicker.js。
我在 symfony 的公共文件夹中添加了这 2 个文件。你怀疑什么？例如工作的引导下拉菜单。
你能打开浏览器控制台，看看日志，它应该告诉你一些事情。
控制台什么也没说，没有错误，没有警告

标签： jquery css twitter-bootstrap datetime

【解决方案1】：

问题出在您的导入中，请改用这个：

<html>

<head>
    <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
    <script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>

    <link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
</head>

<body>

    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <input type='text' class="form-control" id='datetimepicker4' />
            </div>
            <script type="text/javascript">
                $(function () {
                    $('#datetimepicker4').datetimepicker();
                });
            </script>
        </div>



</body>


</html>

【讨论】：

为什么我在我的网页上复制并运行它不起作用？控制台 return me $ 未定义。
我怎么知道您是否没有收到任何错误。尝试在您的桌面上创建一个新文件并将此代码复制粘贴到那里。然后在浏览器中打开它。
如果它告诉你'$ 没有定义'，这意味着 jquery 没有成功加载。尝试清除浏览器缓存并刷新页面。
加载所有导入可能需要一些时间，请耐心等待。在您的浏览器中确保所有文件都已成功加载。
所有文件都已加载，但仍然无法正常工作。如果我点击输入没有任何反应。