Я использую bootstrap-datepicker3 из драгоценного камня, его Github bootstrap datepicker

Но я использую черную тему начальной загрузки, и я не знаю, как изолировать или изменить цвет фона окна datepicker ... Кажется, он принимает цвет фона основной темы начальной загрузки.

<div class="form-group">
  <div class="col-lg-10">
    <span class="input-group-addon">Dates</span>
    <div class="input-group" id="datepicker">
      <input class="form-control" type="text" name="date_start" data-behaviour='datepicker'>
      <span class="input-group-addon">à</span>
      <input class="form-control" type="text" name="date_end" data-behaviour='datepicker'>
    </div>
  </div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $('[data-behaviour~=datepicker]').datepicker();
    });
</script>

Example

Я пробовал решение, но оно для datetimepicker, и оно не работает ..

Спасибо !

2
Alexis_user 25 Июл 2014 в 12:04

3 ответа

Лучший ответ

Попробуйте переопределить цвет фона в своем CSS:

.datepicker.dropdown-menu {
  background-color:#FFF;
}
3
NicoFerna 25 Июл 2014 в 12:32
Хорошо, спасибо, я могу изменить цвет текста, но не фон. Есть что-то, что перезаписывает фоновый цвет .datepicker.dropdown-menu.
 – 
Alexis_user
25 Июл 2014 в 13:39
Не могу прокомментировать ваш ответ, но, может быть, одно предложение для * может быть таблицей?
 – 
NicoFerna
25 Июл 2014 в 14:00
Этот ответ не работает для меня. Моя программа выбора даты в настоящее время выглядит так, как показано на этом снимке экрана. Я использую @Html.TextBoxFor(m => m.DateLastRidden, new { @class = "form-control datepicker", type = "date", data_autoclose="true", data_todayBtn="linked", data_todayHighlight="true" }) для создания средства выбора даты.
 – 
Dave F
29 Апр 2015 в 02:16

Попробуй это

  <style type="text/css">
      .datepicker.dropdown-menu table  {
          background-color: #FFFFFF;
      }
  </style>

Оно работает !

3
MarmiK 25 Июл 2014 в 16:10

Мне удалось решить эту проблему, выполнив действия, описанные в следующем потоке, с одним изменением. Я использовал селектор ".datepicker .table-condensed".

Уменьшить размер и изменить цвет текста поля bootstrap-datepicker

0
Community 23 Май 2017 в 14:53