Winkel 4 Datepicker css Problem

Question

Ich versuche zu integrieren ng-bootsrap datepicker mit Winkel 4.3.3 und Bootstrap: die CSS des picker auf die Schaltfläche 3.3.7

Das Problem ist, wenn ich auf die vollständig ist erscheint Falsch. Auch das Datum, das ich an das ngModel übergebe, spiegelt sich nicht in der Auswahl oder Eingabe wider.

Das Datum kommt nicht in der Eingabe und der Picker ist nicht korrekt. twitter Datum wie folgt aussieht

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

Unten ist der HTML-Code der Eingangs

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

Im Folgenden wird der Screenshot der Ausgabe

wenn jemand dieses Problem konfrontiert dann bitte führen. Danke!

Answer 1

bootstrap.css zu ändern, wenn Sie Winkel-cli verwenden Sie in der Datei Winkel cli.json (in "Stile")

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