Моя загрузочная датакамера выглядит прозрачно, что может быть причиной

Question

Я использую Bootstrap Datepicker. У меня проблемы с этим. Когда я нажимаю на значок glyphicon-calendar и открываю виджет datetimepicker, он выглядит прозрачным в некоторых частях, остальная часть его в норме. Что может быть причиной?

<div class="row"> 
    <div class='col-sm-12'> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker2'> 
       <div class='input-group date' name="igunudtl"> 
        <input type='text' class="form-control" id=" iadetarihi " /> 
        <span class="input-group-addon "> 
         <span class="glyphicon glyphicon-calendar "> 
         </span> 
        </span> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

С вашего изображения, похоже, вы пропустили несколько стилей. Убедитесь, что вы включили как стили бутстрапа, так и таблицу стилей датпикера bootstrap-datetimepicker[.min].css.

https://github.com/Eonasdan/bootstrap-datetimepicker/tree/master/build/css

Если вы включать как таблицы стилей, и вы все еще есть вопрос, вы, вероятно, что-то, что переопределяем стили сборщика.

Попробуйте включить опцию debug:true, оставляя сборщик открытым для вас, чтобы вы могли осмотреть ваши инструменты для браузеров dev.

Answer 2

Если DateTimePicker (Eonasdan) кажется прозрачным:

Изменение начальной загрузки-datetimepicker.css:

.bootstrap-datetimepicker-widget { 
    list-style: none; 
    background-color: #fff; /* This is your background color. Copy and Paste this row. */ 
}