Question

我已经在Laravel项目中安装了AdminLTE主题。一切正常，看起来不错，但日期选择器似乎已损坏。

我已经尝试了JS和CSS的所有源，甚至使用CDNS，都从bower_components加载了所有指向datepicker的内容，但看起来仍然不应该如此。

导入看起来像这样：-

<script src="{{asset('theme')}}/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" integrity="sha256-bLNUHzSMEvxBhoysBE7EXYlIrmo7+n7F4oJra1IgOaM=" crossorigin="anonymous" />

页面中的JS代码如下：

<script>
 //Date picker
   $('#datepicker').datepicker({
        autoclose: true
   });
</script>

输出看起来像这样：http://prntscr.com/o4r6gn

.CSS和.JS文件已加载，console.log上没有错误。

怎么了？：（

Answer 1

我认为导入方式不正确。将导入更改为

<script src="{{asset('theme/js/bootstrap-datepicker.js')}}"></script>

Answer 2

在您的屏幕截图中，似乎有多个Datepicker版本，

首先将它们全部删除，
然后获得与您的引导程序版本相对应的那个，
将Datepicker CSS导入放置在所有CSS导入之后（仅在结束<head>标记之前）。
将Datepicker JS导入放在JQuery和Bootstrap.js之后 imports（JS应该放在结束<body>标签之前）。

Answer 3

尝试bootstrap-datepicker.standalone.min.css 在我的情况下，没有这些样式也不起作用

Datepicker CSS已加载，但似乎未应用

3 个答案: