classe pour jquery ui bouton datepicker

Question

J'ai le code suivant pour l'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 peuvent cliquer sur la case et sélectionnez une date. Est-il possible d'appliquer une classe au bouton créé pour pouvoir appliquer un style CSS?

Answer 1

Vous ne pouvez pas ajouter une classe supplémentaire par le biais d'une option, mais il a une classe: ui-datepicker-trigger, donc si vous le style juste directement ou en tant que descendant d'un conteneur identifiable, elle va travailler, par exemple:

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

Ou, ajoutez une autre classe au bouton manuellement après la création du datepicker (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

faire devenir un bouton jQuery UI puisque vous avez déjà le cadre chargé;)

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

Avertissement: Mon Blog