在NPM的Bootstrap 4上难以使用datetimepicker

我正在努力使用

npm

使datetimepicker在Bootstrap4上工作，我编译代码时没有任何错误，我在inspector中也没有任何错误，插件正在工作，但似乎出于某种原因它没有加载CSS

以下是我已经尝试过的：

 npm i bootstrap4-datetimepicker

然后，我在我的JS文件中导入了datetimepicker

import 'bootstrap4-datetimepicker';

我已将datetimepicker CSS导入我的mean SCSS文件中，其中包含：

@import "~bootstrap4-datetimepicker/build/css/bootstrap4-datetimepicker.css"

我没有任何JS错误，所以所有文件都正确导入

这是我的HTML文件：

 <input type="text" class="form-control" id="datepicker-disabled-days">

当我单击输入字段时，日历会出现，但它没有CSS。这是我想要达到的结果

---

如果可以使用其他模块选择日期和时间，我愿意使用该模块。

看起来您可能使用了错误的路径（

~

vs

~/

）。尝试

@import“~/bootstrap4 datetimepicker/build/css/bootstrap4 datetimepicker.css”

我设法用这种方式解决了这个问题：这个模块提供了在日历中显示自定义图标的可能性，我使用一些css类图标来显示向上和向下箭头

代码如下：

      $('#datetimepicker8').datetimepicker({
          icons: {
              up: "fa angle-up",
              down: "fa angle-down"
          }
      });

要选择hh:mm格式：

 $('#datetimepicker3').datetimepicker({
     format: 'LT'
 });

结果如下：

---

我很想知道这是在哪里发生的：

@import“~bootstrap4 datetimepicker/build/css/bootstrap4 datetimepicker.css”

我觉得上一次我做了类似的事情，我仍然需要在index.html中包含css。如果您再次遇到此问题或不想包含不必要的库，我会尝试一下

---

css文件的路径看起来也不太正确。

谢谢你的回答，不幸的是，

/

没有帮助，css文件导入正确，我认为这个模块不适合Bootstrap4，我的bootstrap版本没有datetimepicker日历的css标记。还有其他想法吗？你有没有针对你的错误的代码沙盒？是的，我有一个沙盒，但它没有任何错误。我认为这个模块不适合Bootstrap4，它使用的是Bootstrap4没有的CSS类。

 $('#datetimepicker3').datetimepicker({
     format: 'LT'
 });