jQuery函数不加载 - 不确定是不是一个函数

我想安装此的DateTimePicker自举： https://github.com/Eonasdan/bootstrap-datetimepicker/wiki/Installation jQuery函数不加载 - 不确定是不是一个函数

我已经在我的文档的页眉得到这个：

<script src="/js/jquery-1.11.1.min.js"></script> 
    <script src="/js/moment.min.js"></script>

这在页脚：

<script src="/js/bootstrap.min.js"></script> 
    <script src="/js/bootstrap-datetimepicker.min.js"></script>

这里是使用选择器的代码：

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

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

问题是.datetimepicker是一个“未解析函数”。为什么？

编辑：

的IDE（PHPStorm）说，这是悬而未决的功能。而实际上在Chrome中运行它确认：

bootstrap-datetimepicker.min.js:1 Uncaught TypeError: undefined is not a function 
    myfile.php:42 Uncaught TypeError: undefined is not a function 
    bootstrap-datetimepicker.min.js:1 Uncaught Error: Must choose at least one picker

Edit2：我更新了页眉/页脚。标题：

页脚：

<script src="/js/bootstrap.min.js"></script> 
<script src="/js/moment.min.js"></script> 
<script src="/js/bootstrap-datetimepicker.min.js"></script> 
<script src="/js/bootstrap-rowlink.js"></script> 
<script src="/js/myscripts.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker').datetimepicker(); 
    }); 
</script>

现在IDE识别的DateTimePicker（）的函数，但仍然在Chrome同样的问题！（见上文）

来源

2014-12-09 JamesB

你能否告诉我完整的源代码？我认为你的错误不会发生在浏览器中。 – ray 2014-12-09 13:13:59

检查萤火虫，看是否正确加载js文件 – Mivaweb 2014-12-09 13:16:00

完整的源代码有点“敏感”，但我会尝试删除敏感内容并稍后发布源代码。 – JamesB 2014-12-09 13:19:32

尝试只包括jQuery的在标题：

<link rel="stylesheet" type="text/css" media="screen" href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css" /> 
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet"> 
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>

这些在页脚：

<script type="text/javascript" src="scripts/bootstrap.min.js"></script> 
<script type="text/javascript" src="scripts/moment.js"></script> 
<script type="text/javascript" src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/master/src/js/bootstrap-datetimepicker.js"></script>

作者使用jQuery 2.1.1，因此他的插件可能是relian在那个版本上。

编辑

我无法得到它的工作，无论是。但是，自从Moment.js更新至2.8.4版本以来，在其Github页面上创建了一些问题。试试Smalot's Bootstrap Datepicker。它也很好的维护，它适用于我。

来源

2014-12-09 13:20:22 mijopabe

我试着将jquery 2.1.1添加到页眉，并将其余的页面移动到页脚。请参阅我的文章的edit2。仍然不工作！ – JamesB 2014-12-09 13:36:20

@JamesB看到我的编辑，可能是插件不能很好地与momentjs一起播放（我敢肯定它只是暂时的，因为github页面列出了最近的变化），我不知道它什么时候会修复，我推荐了一个不错的日期选择器 – mijopabe 2014-12-09 15:00:52

The你连接的一个是完美的！挑选时间对我来说很重要，并且时间选择看起来非常棒。谢谢！我不会再去排查故障了，只是假设你是对的它实际上是时刻或脚本本身的问题。我之前实施了一个不同的时间选择器，没有任何问题。 – JamesB 2014-12-09 18:01:43

我认为你是太早调用$('#datetimepicker').datetimepicker();，你应该组织你这样的代码：

<script src="/js/bootstrap.min.js"></script> 
<script src="/js/bootstrap-datetimepicker.min.js"></script> 
<script type="text/javascript"> 
       $(function() { 
        $('#datetimepicker').datetimepicker(); 
       }); 
</script>

来源

2014-12-09 13:19:45 n00dl3

这实际上是问题，你会像我以前面临的类似问题。 – asimshahiddIT 2014-12-09 13:26:41

我试图把它添加到最后，但它没有帮助:( – JamesB 2014-12-09 13:35:12

问题不在于调用'$（'＃datetimepicker'）。datetimepicker（）;'但是在插件声明中，尝试使用非缩小版本的bootstrap-datetimepicker.js并更新（再次）你的问题 – n00dl3 2014-12-09 13:42:45

尝试调用文档准备

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

来源

2014-12-09 13:22:16

将函数直接传递给jQuery函数（即'$（function（）{...}）'）是文档就绪处理程序的缩写，因此它们已经执行了代码。 – 2014-12-09 13:28:01

检查例如从作者site

您使用的是错误的功能，你需要引用封闭DIV，而不是你的输入元素。

你的HTML应该是这样的：

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

来源

2014-12-09 13:48:37 Born2Code

jQuery函数不加载 - 不确定是不是一个函数

回答

相关问题