2010-11-25 33 views
6

estoy usando un ejemplo de jQuery DatePicker de link textjQuery DatePicker color de fondo

en mi página de asp.net.

Pero, el color de fondo del datepicker es blanco. No estoy seguro de cómo cambiar esto. (Cambiar al color predeterminado) Mi página asp.net de fondo de página es blanca, ¿tal vez por eso?

Cualquier ayuda sería appereicate it. Gracias.

Respuesta

9

El formato de fondo para el control proviene de la clase CSS .ui-widget-content. Suponiendo que sólo desea aplicar al selector de fecha y no otros controles quieres algo como esto:

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

Si por el contrario desea cambiar el color de fondo para todos los controles, acaba de encontrar la clase existente .ui-widget-content en su CSS y cambia eso.

+0

Hola, gracias por su respuesta. Estoy empezando a aprender JQuery. Entonces, póngalo en la sección

1

Puede cambiar el color de fondo de DatePicker a través del archivo CSS que viene con el paquete. Localice para el selector de clase .ui-widget-content, debe haber un atributo de fondo que puede cambiar a su gusto.

1

con esta función se puede colorear los días que desee:

$("#dater").datepicker({ 
    numberOfMonths: 3, 
}); 
function ColorDay(month, day, year, backgroundColor) 
{ 
    day--; 
    $("[onclick*='"+month+","+year+"'] [class*=ui-state-default]").eq(day).css("background",backgroundColor); 

} 

a continuación para dar color a un día hacer:

ColorDay(6,30,2012,"yellow"); // color July 30, 2012 of yellow 
2
Sólo

Agregue esta línea de código en su archivo jquery ui css

.ui-datepicker .ui-datepicker-title select{color: #000;} 

Esto resolverá su problema.