Comment ajouter une classe personnalisée à mon datpicker JQuery UI
J'ai plusieurs entrées qui déclenchent JQuery UI datepickers par exemple
<input id="one" type="text"/>
<input id="two" type="text"/>
<input id="three" type="text"/>
<input id="four" type="text"/>
Pour chaque jquery UI datepicker créé, je veux attribuer une classe personnalisée en fonction de l'ID de l'entrée qui l'a provoqué à savoir .one
.two
.three
Donc, si le datepicker est déclenchée par la première entrée le HTML résultant ressemblera:
<div class="one ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div">
Note la première classe one
Est-ce possible? Le " create
' méthode de la datepicker ne semble pas fonctionner pour moi...
source d'informationauteur Ash
Vous devez vous connecter pour publier un commentaire.
beforeShow
peut être utilisé pour manipuler lesclass
avant de montrer la datepicker.Démo (à l'aide de jQuery 1.6.2, mais a besoin de jQuery > v1.4 pour la
.removeClass()
qui prend une fonction)Note Cela fonctionne par la suppression de toutes les classes (c'est à dire
<input>
id
s) avec un **général$('input')
sélecteur qui vous voudrez peut-être limiter à prendre le<input>
éléments qui ont été modifiés en date cueilleurs.Modifier Juste eu un upvote pour cela, et en regardant le code, il ne semble pas à faire ce que j'ai expliqué il devrait (peut-être que j'ai mal compris la question!). Donc, voici une version qui ajoute une classe égale à la
id
de la<input>
cliqué sur le datepicker. Utilise aussi l'original.removeClass()
si cela va fonctionner avec jQuery > v1.2.Jquery UI personnalisé téléchargement vous permet d'ajouter un préfixe personnalisé à votre thème, disons que vous avez ajouté un préfixe ".datepicker_wrapper", vous pouvez ajouter cette classe à votre datepicker de cette façon :
Je serait simple de définir un attribut et l'utiliser au lieu de la classe.
dans ce cas, vous n'avez pas besoin d'enlever quoi que ce soit, car il sera remplacé
l'affecter dans JQ
en CSS