Datetimepicker внутри модального не будет работать должным образом

#html #jquery #bootstrap-modal #datetimepicker

Вопрос:

Я хочу выбрать дату и время внутри модального, но это не будет работать должным образом. Средство выбора не будет отображаться полностью, оно будет отображаться следующим образом: введите описание изображения здесь

Затем, если я нажму на это пустое поле, оно покажет мне время или дату, только на секунду, затем закроется и выберет текущую дату-время.

введите описание изображения здесь

Мой модал-это всего лишь простой модал начальной загрузки 4 с вертикальным центром и средством выбора даты и времени внутри:

 <div class="col-md-5 col-xs-6">
    <h4>Date time</h4>
    <div class='input-group date' id='datetimepicker1'>
        <input type="text" class="form-control" />
        <span class="input-group-addon">
            <span class="fas fa-plus"></span>
        </span>
    </div>
</div>
 

У меня есть эти сценарии в верхней части моей страницы:

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
 

Я не знаю почему, но фон моего модала больше не будет прозрачным после того, как я добавлю эти сценарии, он будет черным.

Кто-нибудь знает о проблеме?

Комментарии:

1. Пожалуйста, покажите нам код jquery, связанный с datetimepicker1