2016-04-25 21 views
0

Ich benutze bootstrap 3 datetime picker. Wie kann ich die Farben für Arbeitstage und Wochentage ändern? Auch ich möchte Farbe für Wochentage und Monate Titel ändern.bootstrap datetime picker ändern

Ich habe Schwierigkeiten, css Stile für bootstrap datetime picker zu überprüfen, da ich keinen firebug auf diesem Steuerelement verwenden kann (sobald ich auf firebug icon klicke, wird der datetime picker unsichtbar).

Antwort

1

hinzufügen Wenn Sie die Bootstrap 3 Date time picker from Eonasdan verwenden, können Sie tun:

Für die Woche Tage:

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

Für die Wochenendtage:

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

Für den Monat Titel:

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

Für den Tag Titel:

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

Sie css wie in der aktuellen Seite

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