1. Accueil
  2. Question et réponse
  3. couleur de fond JQuery DatePicker

couleur de fond JQuery DatePicker

2010-11-25 9 views
6

J'utilise un exemple de JQuery DatePicker de link textcouleur de fond JQuery DatePicker

sur ma page asp.net. Mais la couleur de fond du datpicker est blanche. Je ne suis pas sûr de savoir comment changer cela. (Passer à la couleur par défaut) Ma page d'arrière-plan de page asp.net est blanche, peut-être à cause de cela?

Toute aide serait appereicate il. Merci.

Source

2010-11-25 Tony

Répondre

9

La mise en forme en arrière-plan du contrôle provient de la classe CSS .ui-widget-content. En supposant que vous ne voulez appliquer au sélecteur de date et non d'autres contrôles que vous voulez quelque chose comme ceci:

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

Si au contraire vous voulez changer la couleur de fond pour tous les contrôles, juste trouver la classe .ui-widget-content existant dans votre CSS et change ça.

Source

2010-11-25 15:10:28 andynormancx

+0

Salut, merci pour votre réponse. Je viens de commencer à apprendre JQuery. Donc, vous mettez cela dans la section

1

Vous pouvez modifier la couleur d'arrière-plan de DatePicker via le fichier CSS fourni avec le package. Recherchez le sélecteur de classes .ui-widget-content, il doit y avoir un attribut d'arrière-plan que vous pouvez modifier à votre convenance.

Source

2010-11-25 15:16:05

1

avec cette fonction, vous pouvez colorer les jours que vous souhaitez:

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

}

puis à la couleur un jour faire:

ColorDay(6,30,2012,"yellow"); // color July 30, 2012 of yellow

Source

2012-06-06 23:17:39

2

Juste Ajoutez cette ligne de code dans votre fichier jquery ui css

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

Cela va résoudre votre problème.

Source

2016-04-01 04:21:28

Questions connexes

 Questions connexes