classe pour le bouton datepicker de jquery ui

Question

J'ai le code suivant pour le datepicker jQuery UI :

$(function() {
        $(".date").datepicker({
            showOn: 'button',
            buttonText: "Choose Date",
            dateFormat: 'yy-mm-dd'
        });
    });

Il crée un bouton sur le côté de la zone de texte afin que les gens puissent cliquer sur la zone et sélectionner une date. Est-il possible d'appliquer une classe au bouton qui est créé afin de pouvoir lui appliquer un style CSS ?

Answer 1

Vous ne pouvez pas ajouter une classe supplémentaire par le biais d'une option, mais il y a bien une classe : ui-datepicker-trigger Ainsi, si vous créez un style directement ou en tant que descendant d'un conteneur identifiable, cela fonctionnera, par exemple :

.ui-datepicker-trigger { color: red; }
//or...
.myContainer .ui-datepicker-trigger { color: red; }

Ou bien, ajoutez manuellement une classe différente au bouton après avoir créé le sélecteur de date (qui crée le bouton) :

$(function() {
    $(".date").datepicker({
        showOn: 'button',
        buttonText: "Choose Date",
        dateFormat: 'yy-mm-dd'
    }).next(".ui-datepicker-trigger").addClass("someClass");
});

Answer 2

Faites en sorte qu'il devienne un bouton jQuery UI puisque vous avez déjà le framework chargé ;)

http://www.robertmullaney.com/2011/08/26/make-jquery-datepicker-use-ui-button/

Avis de non-responsabilité : Mon blog