Z-index ne fonctionne pas avec les widgets datetimepicker django

Question

J'ai utilisé ce le sélecteur de date et d'heure.

J'ai constaté que le z-index ne fonctionne pas et que les popups de date et d'heure sont cachées sous un div. .

J'ai découvert que le problème est dû à la classe " table-responsive " .

Voici mon code :

<form>
<div class="table-responsive">
    <table class="table">
        <tr>
            <td>
                <!-- my datetimepicker fields  -->
            </td>
        </tr>
    </table>
  </div>
</form>

J'ai essayé avec ces codes jquery :

$(document).on('focusin','#'+inputId,function (){console.log($(this).parentsUntil('div.table-responsive').last());$(this).parentsUntil('div.table-responsive').last().parent().css('overflow-x','visible') });
    $(document).on('focusout','#'+inputId,function (){$(this).parentsUntil('div.table-responsive').last().parent().css('overflow-x','scroll') });

Cela résout le problème s'il n'y a pas de dépassement de x. S'il y a x-overflow, l'entrée de la date est cachée à cause de l'overflow.

Answer 1

Je remplace le fichier js de date piker par ce et le problème était résolu.