加载公共 app.js 时，引导日期选择器不起作用答案

【问题标题】：bootstrap datepicker not working when public app.js is loaded加载公共 app.js 时，引导日期选择器不起作用
【发布时间】：2020-04-20 13:27:18
【问题描述】：

为什么 datetimepicker 不能与 laravel 中已安装的 jquery3 一起使用。即使在 app.js 中加载了 jQuery，我也至少需要加载 jquery 1.9.1

工作代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js" defer></script>

已加载带有 APP.JS 的工作代码：

<script src="{{ asset('js/app.js') }}" defer></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js" defer></script>

非工作代码

<script src="{{ asset('js/app.js') }}" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js" defer></script>

提前谢谢你。由于脚本位于 head 标签中，因此延迟就在那里。此外，控制台中没有错误。非工作代码的输出是一个弹出窗口，但没有显示日期。

【问题讨论】：

我认为在stackoverflow.com/questions/50887462/…中观察到了以下问题的答案
好吧，即使我的项目中已经安装了 jQuery，我似乎仍然需要加载外部（较低版本）jQuery。这听起来不像是我的解决方案

标签： php html laravel laravel-blade

【解决方案1】：

请使用这个

几乎所有网站都在 header 上加载 jquery。

&lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;

在包含 jquery 之后编写此代码将解决您的问题

 <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {

                $('#example1').datepicker({
                    format: "yyyy-mm-dd"
                });  

            });
        </script>

【讨论】：