Bootstrap 4 Bootstrap4日期时间选择器：未捕获类型错误：$（…）。pickadate不是函数_Bootstrap 4_Datepicker_Bootstrap Datepicker

Bootstrap 4 Bootstrap4日期时间选择器：未捕获类型错误：$（…）。pickadate不是函数

bootstrap-4

Bootstrap 4 Bootstrap4日期时间选择器：未捕获类型错误：$（…）。pickadate不是函数,bootstrap-4,datepicker,bootstrap-datepicker,Bootstrap 4,Datepicker,Bootstrap Datepicker,我在使用bootstrap4的日期选择器上遇到错误。我已经在网上读到了所有关于错误的信息，唯一的解决办法就是安排电话。我也这么做了，首先我调用了Jquery，但错误仍然存在。下面是我的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

我在使用bootstrap4的日期选择器上遇到错误。我已经在网上读到了所有关于错误的信息，唯一的解决办法就是安排电话。我也这么做了，首先我调用了Jquery，但错误仍然存在。下面是我的HTML代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Testing/Experiment</title>

    <link rel="stylesheet" href="src/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="src/MDBv4.16.0/css/mdb.min.css">

    <script src="src/jquery.js"></script>
    <script src="src/bootstrap/js/bootstrap.min.js"></script>
    <script src="src/d3.min.js"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
        integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ"
        crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
        integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY"
        crossorigin="anonymous"></script>

</head>

<body>
    <div class="wrapper">
        <!-- Sidebar -->
        <nav id="sidebar">
            <div class="sidebar-header">
                <img src="rsc/mblogo.png" alt="" width="50" height="50">
            </div>
            <ul class="list-unstyled components">
                <li class="active">
                    <a href="/">CAM DASHBOARD</a>
                </li>
            </ul>
            <!--End of nav.sidebar-->
        </nav>

        <!--Page content-->
        <div id="content">
            <!-- navbar -->
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="container-fluid">
                    <button type="button" id="sidebarCollapse" class="btn btn-info">
                        <i class="fas fa-align-justify"></i>
                    </button>
                </div>
            </nav>

            <div class="container content-header">
                <div class="row">
                    <input placeholder="Selected date" type="text" id="date-picker-example"
                        class="form-control datepicker">
                </div>
            </div>


            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card shadow mb-5">
                            <h5 class="card-header">
                                Bar Chart
                            </h5>
                            <div class="card-body">
                                <div id="bar-chart">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of div.row-->

                <div class="row">
                    <div class="col-md-4">
                        <div class="card shadow mb-4">
                            <h5 class="card-header">
                                Top 5 Reason for downtime
                            </h5>
                            <div class="card-body">
                                <ul id="top5Downtime">

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card shadow mb-4">
                            <h5 class="card-header">
                                Pie Chart
                            </h5>
                            <div class="card-body">
                                <div id="pieChart">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of div.row-->
            </div>


        </div>
        <!--End of div.content-->

    </div>
    <!--End of div.wrapper-->
    <script src = "js/datePicker.js"></script>
    <script src="js/script.js"></script>
    <script src="js/pieChart.js"></script>
    <script src="js/sidebarScript.js"></script>

    <script src = "src/MDBv4.16.0/js/mdb.min.js"></script>
</body>

</html>

它不是

pickdate

，它的

datepicker

，这里的顺序很重要，所以要小心

顺序我喜欢

CSS

和

JS

中的这个顺序，它在很长时间内不会产生问题

CSS

引导

MD引导

字体真棒

你的CSS文件

将所有脚本放在

正文之前(
{
$（'.datepicker'）.datepicker({
工作日短：[Su'，Mo'，Tu'，We'，Th'，Fr'，Sa']，
showMonthsShort：对
});
});

嗨！按照你说的安排好之后。同样的错误仍然存在。

$(document).ready(() => {
    $('.datepicker').pickadate({
        weekdaysShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
        showMonthsShort: true
    });
});