Comment afficher un datepicker bootstrap dans une popup

Si vous essayez de placer un datepicker à l'intérieur d'une popup (modal) vous verrez que ce dernier apparaît derrière la popup et n'est donc pas utilisable.

Cela vient du fait que la popup bootstrap a un z-index de 1050 et donc le date picker est masqué.

La correction se fait directement en css en spécifiant un z-index supérieur à 1050 pour le datepicker.

.datepicker {
   z-index: 1150 !important;
}

On prend un peu de marge en ne spécifiant pas directement 1051 au cas où d'autres éléments viendrait se glisser entre ces 2 z-index.

Comments

[Noël]

Merci beaucoup!