angular 4 Datepicker css问题

Question

我试图将ng-bootsrap datepicker与角度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>

以下是该问题的屏幕截图

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

Answer 1

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

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