2017-10-05 91 views
0

我想ng-bootsrap datepicker具有角4.3.3和 引导整合:3.3.7角4日期选择器的CSS问题

的问题是,当我点击按钮弹出的日期选择器的CSS是完全wrong.Also,我传递给ngModel日期不反映在选择器或输入。

日期不来输入和选择器是不正确的。 Twitter的日期看起来像这样

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

下面是输入

<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> 

下面的HTML是问题 enter image description here

,如果一个人面对这个问题,那么请指导的屏幕截图。 谢谢!

+0

NG-引导使用引导4.0.0 - 阿尔法不是引导改变bootstrap.css 3.3.7。您必须更换bootstrap.min.css – Eliseo

回答

0

,如果你使用的角度,CLI,您必须在文件角cli.json添加(在“样式”)

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