Как определить конкретный цвет для Bootstrap datetimepicker

Question

выпуск

У меня есть два разных проекта, оба используют bootstrap-datetimepicker. В одном проекте цвет правильный . В другом цвет неправильный . Вот мой HTML.

<div class="form-group">
  <label for="StartDate">From</label>
  <input required id="StartDate" type="text" placeholder="Start Date" class="form-control input-xlarge mydatetime">
</div>

Код

Вот мой код.

$('.mydatetime').datetimepicker({
  language:'en',
  format: 'yyyy-mm-dd hh:ii:ss',
  autoclose: true,
  todayBtn: true,
  minuteStep:5,
  pickerPosition: "bottom-right"
});

Оба проекта используют один и тот же способ использования DatetimePicker, как показано выше, но показываютразные результаты. Я попытался изменить css локально, добавив следующие строки в файл css без посторонней помощи.

.mydatetime {
  background-color: #fff ;
  color: #333 ;
}

Кто-нибудь знает, что здесь может пойти не так? Большое спасибо.

Answer 1

В datetimepicker даты и месяцы принимают цвет тела по умолчанию. Поэтому вы должны добавить ниже код в вашем CSS.

.mydatetime td, .mydatetime th {
    color: #333;
}

Answer 2

.ui-datepicker .ui-widget-content {
  background: #999 none;
}

Answer 3

Чтобы изменить цвет фона и цвет шрифта DatePicker, сделайте это.

.mydatetime{
   background: #333;
   border: 1px solid #555;
   color: #EEE;
}