Comment changer la couleur de la cellule d'un datepicker de jquery

J'ai un datepicker de jquery et j'ai besoin d'être en mesure de modifier la couleur de fond pour la cellule sélectionnée de date. Je suis en train d'essayer avec quelque chose comme:

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

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

Toute suggestion?

//Edit:
La solution devrait me faire avoir différentes cellules avec différentes couleurs de définir dynamiquement, c'est pourquoi je suis en train d'essayer avec onSelect au lieu de changer le CSS directement.

Le but est d'avoir un calendrier avec des faits établis par l'utilisateur.

Merci d'avance.

Si une réponse de travaux, veuillez le marquer comme " la "réponse" à aider tout le monde. Cela permet d'économiser dup questions posées.
Je sais, mais je me suis exprimé mal tellement j'ai édité la question et je suis en attente de réponses avant de marquer le bon. Merci pour la réponse en tout cas! 😀
Malheureusement je ne pense pas que c'est possible. Vous avez accès à la onSelect rappel, cependant le contenu de la DatePicker redessiner aussi et je ne sais pas si cela peut être arrêté. Mais le les nouveaux réponse que j'ai donné si vous pouvez arrêter le sélecteur de date se redessiné.

OriginalL'auteur MazarD | 2010-05-25

  1. 11

    Je pense que le meilleur moyen (en supposant que je vous ai bien compris) est de simplement remplacer le css.

    Dans votre site de feuille de style ou html la section de la tête, vous avez juste besoin de remplacer la suite de sélecteur css

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

    MODIFIER

    Avec votre montage à l'esprit, le suivant devrait fonctionner (en supposant que vous pouvez obtenir le datepicker de halte rafraîchissante)

    onSelect: function(value, date) {
    date.dpDiv.find('.ui-datepicker-current-day a')
        .css('background-color', '#000000');
}
    Mais si je le fais substitution de la css, il ne serait pas me permettre d'avoir plusieurs cellules avec des couleurs différentes, non?
    Marqué de votre réponse le corriger parce que c'est la meilleure approximation, de toute façon je n'ai pas la chose à la halte rafraîchissante j'ai donc décidé d'écrire mon propre calendrier d'événements. Merci pour l'intérêt et de l'aide!!
    Pas de soucis, vous pouvez toujours avoir un oeil sur le très robuste datePicker faite par Kelvin Chance si - kelvinluck.com/assets/jquery/datePicker
    cela a fonctionné: jsfiddle.net/abhMH/2 comme suggéré ici: stackoverflow.com/questions/12690626/...

    OriginalL'auteur dan richardson

  2. 1

    changement dans votre css de la classe .ui-datepicker-current-day

    avec la façon dont le css jQuery css structuré, ce serait substituée comme ci-dessus est égal à 10 dans les termes de la cascade css-la valeur de la commande. Le css nécessite une valeur de 20 ou plus (deux classes) pour remplacer l'interface utilisateur de jQuery css par défaut.

    OriginalL'auteur Gabriele Petrioli

  3. 1

    Dans mon cas, j'ai besoin de supprimer active de la classe, donc:

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

    OriginalL'auteur Liko

  4. 0

    Le datepicker par défaut suit votre thème. Mais vous pouvez remplacer quoi que ce soit.

    ui-state-active est le style de la date que vous sélectionnez.
    ui-state-highlight est le style qu'il utilise pour identifier la date actuelle.

    Donc faire quelque chose comme ceci:

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

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

    Vous pouvez plutôt ajouter cette css de la page ou ajuster le thème lui-même.

    OriginalL'auteur Chad Kuehn