javascript - Jquery 函数未加载 - 未定义不是函数

Question

我正在尝试安装此日期时间选择器以进行 Bootstrap : https://github.com/Eonasdan/bootstrap-datetimepicker/wiki/Installation

我的文档标题中有此内容:

    <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 中仍然存在同样的问题! (见上文)

Answer 1

尝试在 header 中仅包含 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，因此他的插件可能依赖于该版本。

编辑

我也无法让它工作。然而，自从 Moment.js 更新到版本 2.8.4 以来，其 Github 页面上出现了一些问题。试试Smalot's Bootstrap Datepicker 。它维护得很好并且对我有用。