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

Question

为什么 datetimepicker 不能与 laravel 中已安装的 jquery3 一起使用？即使 jQuery 已加载到 app.js 中，我至少需要加载 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 标签中，因此延迟就在那里。此外，控制台中也没有错误。非工作代码的输出是弹出窗口，但不显示日期。

Answer 1

请使用这个几乎所有网站都在 header 上加载 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>