如何为Bootstrap DateTimePicker定义特定颜色

Question

问题

我有两个不同的项目，都使用bootstrap-datetimepicker。在一个项目中 the color is correct。在另一个the color is wrong中。这是我的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

要更改日期选择器的背景色和字体颜色，请执行以下操作。

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

Answer 3

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