角度4 Datepicker css问题答案

【问题标题】：angular 4 Datepicker css issue角度4 Datepicker css问题
【发布时间】：2018-03-17 00:24:41
【问题描述】：

我正在尝试将 ng-bootsrap datepicker 与 angular 4.3.3 和引导：3.3.7

问题是当我单击按钮时，弹出的日期选择器的 CSS 完全错误。此外，我传递给 ngModel 的日期不会反映在选择器或输入中。

输入中没有日期，选择器不正确。 twitter 日期看起来像这样

{
    year: utcDate.getFullYear(),
    month: utcDate.getUTCMonth() + 1,
    day: utcDate.getUTCDate()
};

下面是输入的 HTML

<p class="input-group">
    <input type="text" class="form-control"  ngbDatepicker #d="ngbDatepicker" [(ngModel)]="twitterTime" />
    <span class="input-group-btn">
      <button class="input-group-addon" (click)="d.toggle()" type="button">
           <i class="glyphicon glyphicon-calendar"></i>
      </button>
    </span>
</p>

以下是问题的截图

如果有人遇到过这个问题，请指导。谢谢！

【问题讨论】：

ng-bootstrap 使用 Bootstrap 4.0.0-alfa NOT Bootstrap 3.3.7。您必须替换 bootstrap.min.css

标签： angular twitter-bootstrap-3 datepicker ng-bootstrap

【解决方案1】：

要更改 bootstrap.css，如果您使用 angular-cli，您必须在文件 angular-cli.json 中添加（在“样式”中）

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/css/bootstrap.4.4.0.min.css"
  ],

【讨论】：