Klasse für jQuery UI Datepicker Taste

Question

Ich habe den folgenden Code für das jQuery UI Datepicker:

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

Es ist auf der Seite des Textfeld eine Schaltfläche erstellt, damit die Menschen die Box klicken und ein Datum auszuwählen. Ist es möglich, eine Klasse auf die Schaltfläche anzuwenden, die erstellt wird, damit ich einen CSS-Stil darauf anwenden kann?

Answer 1

Sie können nicht eine zusätzliche Klasse durch eine Option hinzufügen, aber es eine Klasse hat: ui-datepicker-trigger, wenn Sie also nur direkt oder als Nachkomme eines identifizierbaren Container Stil wird es zum Beispiel arbeiten:

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

Oder eine andere Klasse der manuell Schaltfläche hinzufügen, nachdem die Datumsauswahl zu schaffen (die die Schaltfläche erstellt):

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

Answer 2

Machen Sie es eine jQuery UI-Taste werden, da Sie bereits den Rahmen geladen;)

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

Haftungsausschluss: Mein Blog