1
votes

Mat-datepicker-toggle affiché derrière modal et pas ici

Bon sang, j'ai un problème sur ma vue en utilisant angular 7 et bootstrap 4. Quand je clique sur ouvrir pour afficher le calendrier. Il s'affiche derrière mon modal et affiche à gauche. Comment puis-je résoudre le problème?

problème

code

angular bootstrap-4

0 commentaires

3 Réponses :

0
votes

 <div class="modal-body">

      <mat-form-field>
        <input matInput [matDatepicker]="myDatepicker">
        <mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
        <mat-datepicker #myDatepicker></mat-datepicker>
      </mat-form-field>

0 commentaires

0
votes

Selector"></mat-datepicker-toggle>
   <mat-datepicker #pickerDateSelector></mat-datepicker>
</mat-form-field>

<mat-form-field>
     <input formControlName="dateFrom
     Selector" matInput
                      [matDatepicker]="pickerDateFromSelector" placeholder="Please Select Date">
                    <mat-datepicker-toggle matSuffix [for]="pickerDateFromSelector"></mat-datepicker-toggle>
                    <mat-datepicker #pickerDateFromSelector></mat-datepicker>
                    </mat-form-field>

0 commentaires

0
votes

L'ajout de ceci à CSS a fonctionné pour moi. J'utilise Angular 8 et Angular Material 8.2.3

.cdk-overlay-container{
  z-index: 2000;
}

0 commentaires