2 votes

Datepicker BeforeShowDay problème CSS avec le style du contenu

Je pense que je ne suis pas le seul à avoir ce problème.

Chaque fois que j'essaie d'appliquer une nouvelle classe CSS BeforeShowDay, le contenu de la "date spéciale" n'est pas modifié. J'ai essayé de modifier le thème par défaut, en ajoutant une nouvelle classe, mais cela n'affecte que la bordure extérieure et non le contenu intérieur.

En utilisant Firebug, j'ai trouvé que le code html imprimé est le suivant :

<td class=" ui-state-content ui-state-anulados" onclick="DP_jQuery.datepicker._selectDay('#datepicker',9,2009, this);return false;" title="Paddle">
<a class="ui-state-default" href="#">16</a>
</td>

Ma classe serait donc ui-state-content ui-state-anulados mais je remarque que le ui-state-default est appliquée automatiquement et je soupçonne que c'est là que réside le problème.

Je ne sais vraiment pas comment résoudre ce problème. J'ai cherché dans le code de ui.datepicker.js et je pense avoir trouvé la ligne qui me pose problème. C'est la ligne numéro 1394 et elle contient le code suivant.

(ui.datepicker.js) (unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +

Des indices sur la manière de procéder ?

Merci d'avance.

Manuel.

1voto

Daniel Lee Points 2273

Si quelqu'un d'autre trouve cette question, la réponse est la suivante aquí . Ce n'est pas une solution très évidente, mais logique quand on regarde le CSS dans Firebug. Vous devez utiliser !important pour que votre sélecteur soit plus spécifique que les sélecteurs CSS de jQuery ui.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X