bootstrap datetime picker change

Question

I'm using bootstrap 3 datetime picker. How can I change colors for working days and weekdays also. Also I would like to change color for weekdays and months title.

I'm struggling to inspect css styles for bootstrap datetime picker since I cannot use firebug on this control (once I click on firebug icon the datetime picker goes invisible).

Answer 1

如果您使用Bootstrap 3 Date time picker from Eonasdan，则可以执行以下操作：

周日：

 .bootstrap-datetimepicker-widget .day
 {
  color: red;
 }

周结束日：

 .bootstrap-datetimepicker-widget .weekend
 {
  color: gold;
 }

月份标题：

.bootstrap-datetimepicker-widget thead .picker-switch
{
 color: blue;
}

day titles ：

.bootstrap-datetimepicker-widget thead .dow
{
 color: green;
}

Answer 2

你在当前页面中添加css

   .ui-datepicker-current-day
      {
           background: #83C948
      }
         /* today's background color */
    .ui-datepicker-today 
    {
      background: #83C948
    }