javascript - 尝试使用 Bootstrap 日期选择器时出错

Question

我正在尝试在我正在编写的应用程序中使用 Bootstrap 日期选择器。当我发布 Bootstrap 文件时，它可以工作。当我尝试在我的应用程序中使用它时，我收到此错误：

未捕获的 TypeError：t 不是函数

at h.config (lightpick.js:869)

at new h (lightpick.js:450)

at datepicker.js:3

at datepicker.js:13

我的脚本有以下标签：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightpick@1.3.4/css/lightpick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="css/styles.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="https://use.fontawesome.com/37662c199f.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="js/smart-forms.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script scr="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lightpick@1.3.4/lightpick.min.js"></script>
<script src="js/datepicker.js"></script>

包含日期选择器的脚本部分是：

                        <form class="date-select">
                            <div class="form-group">
                                <div class="input-group input-daterange">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" style="height: 35px;width: 93.094px;padding-left: 4px;">Date Range</span>
                                    </div>
                                    <input class="form-control" type="text" id="dateRangePicker" style="font-size: 14px;width: 254.906px;padding-top: 6px;" />
                                </div>
                            </div>
                            <div class="form-group mt-4">
                                <button class="btn btn-primary btn-block" type="submit" style="background: rgb(16,126,11);border-left-color: rgb(16,126,11);">Run Search</button>
                                <button class="btn btn-primary btn-block" type="submit" style="background: rgb(16,126,11);border-left-color: rgb(16,126,11);">View Report</button>
                            </div>
                        </form>

我的浏览器的开发人员工具在 lightpick.js 中强调的行是：

opts.calendar = [moment().set('date', 1)];

有人遇到过这种情况么？任何意见，将不胜感激。

标签： javascriptcss