加载公共 app.js 时引导程序日期选择器不工作

Question

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

工作代码：

<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 标签中，因此 defer 就在那里。此外，控制台中没有错误。非工作代码的输出是一个弹出窗口，但不显示日期。

Answer 1

请使用这个几乎所有网站都在标头上加载 jquery。<script src="js/jquery.min.js" type="text/javascript"></script>在包含 jquery 之后编写此代码将解决您的问题&nbsp;<script type="text/javascript">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // When the document is ready&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(document).ready(function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#example1').datepicker({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; format: "yyyy-mm-dd"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; </script>