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

【问题标题】：Datepicker CSS loaded but looks like it's not appliedDatepicker CSS 已加载，但似乎未应用
【发布时间】：2019-11-04 02:19:14
【问题描述】：

我在我的 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 上没有错误。

怎么了？ :(

【问题讨论】：

您正在导入版本“bootstrap-datepicker”和“bootstrap-datepicker3”。也许它导致了这个问题。请只尝试一个。
仅尝试使用 bootstrap-datepicker.css 和 js。结果相同。

标签： javascript jquery laravel datepicker adminlte

【解决方案1】：

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

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

【讨论】：

不会改变任何东西。这两种方法都适用于导入。
您是否错过了任何样式 css 文件？
尝试使用 php artisan 缓存：清除。但我很确定某处 CSS 导致了这种情况发生

【解决方案2】：

从你的截图来看，似乎有多个 Datepicker 版本，

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

【讨论】：

刚刚做到了。同样的结果... :(
@Cicharito，我刚刚下载了 Admin-LTE，它似乎捆绑了自己的 datepicker css 和 js，因此您不需要为 datepicker 安装任何外部 css 或 js，尝试删除它们并简单地使用 datepicker，因为它对我有用
<div class="form-group"><div class="input-group date"><input type="text" class="form-control pull-right" id="datepicker"></div><label>Date:</label></div> 尝试在没有任何外部库的情况下简单地使用它

【解决方案3】：

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

【讨论】：