Search code examples
javascriptjquerybootstrap-datetimepicker

bootstrap datetime picker change

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).

Solution

  • If you use the Bootstrap 3 Date time picker from Eonasdan, you can do :

    For the week days :

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

    For the week end days :

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

    For the month titles :

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

    For the day titles :

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