Comment changer la couleur de cellule d’un jpery datepicker

Jquery datepicker et j’ai besoin de pouvoir changer la couleur de fond pour la date de cellule sélectionnée. J’essaie avec quelque chose comme:

$("#fecha").datepicker({ onSelect: function(value, date) { alert(date.css()); } });

en espérant que le paramètre de date se réfère à la cellule sélectionnée, mais cela ne semble pas fonctionner.

Toute suggestion?

// Edit: La solution doit me permettre d’avoir différentes cellules avec différentes couleurs définies de manière dynamic, c’est pourquoi j’essaie avec onSelect au lieu de changer le CSS directement.

Le but est d’avoir un calendrier avec des événements établis par l’utilisateur.

Merci d’avance.

Je pense que la meilleure façon (en supposant que je vous ai bien compris) est simplement de remplacer le css.
Dans votre section de feuille de style ou de tête html, il vous suffit de remplacer le sélecteur css suivant

 .ui-datepicker-current-day .ui-state-active { background: #000000; }

MODIFIER

En tenant compte de votre modification, ce qui suit devrait fonctionner (en supposant que vous pouvez obtenir que le sélecteur de date arrête de rafraîchir)

 onSelect: function(value, date) { date.dpDiv.find('.ui-datepicker-current-day a') .css('background-color', '#000000'); }

changer dans votre css la classe .ui-datepicker-current-day

Dans mon cas, je dois supprimer la classe active, donc:

 $("#datepicker").datepicker({ onSelect: function(dateText, inst) { setTimeout(function(){ inst.dpDiv.find('.ui-datepicker-current-day a').removeClass('ui-state-active'); }, 50); } });

Le datepicker suit par défaut votre thème. Mais vous pouvez remplacer n’importe quoi.

ui-state-active est le style de la date que vous sélectionnez. ui-state-highlight est le style utilisé pour identifier la date du jour.

Alors fais quelque chose comme ça:

 #ui-datepicker-div .ui-state-active {color: #FFFFCC;} #ui-datepicker-div .ui-state-highlight {color: #DCDCDC;}

Vous pouvez plutôt append ce css à la page ou ajuster le thème lui-même.