在Angular 4中生成生成后，日期选择器样式不起作用

Question

最近我创建了一个我的Angular5应用程序的构建，其中我使用ngx-bootstrap来显示datepicker和modals。它在生产之前工作得非常好，但是在生产之后，构建似乎失去了它的造型。

请查看附图...

我再次执行了所有实施步骤，但没有任何效果。

请帮助解决此问题。非常感谢。

Answer 1

最后，我找到了解决方案。

我刚刚将ngx-bootstrap CSS添加到angular-cli.json中

角cli.json

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

它对我有用。谢谢你的关注。

Answer 2

另一种解决方案是将CSS添加到资产目录中。

Answer 3

如果以前的解决方案不能解决您的问题：

它适用于： "@angular/core": "^6.0.3", "@angular/material": "^7.3.2",

首先在样式路径中添加angular.json文件的bs-datepicker.css路径：

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

如果你添加bs-datepicker.css仍然无法正常工作，请尝试将此链接添加到style.css

@import "~node_modules/ngx-bootstrap/datepicker/bs-datepicker.css";

这解决了我的问题希望它有所帮助！