2010-10-14 18 views
11

Mam następujący kod dla datepicker jQuery UI:klasa dla jQuery UI przycisk datepicker

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

Tworzy przycisk z boku pola tekstowego, aby użytkownicy mogli kliknąć pole i wybrać datę. Czy można zastosować klasę do przycisku, który jest tworzony, aby móc zastosować do niego styl CSS?

Odpowiedz

21

Nie można dodać dodatkową klasę poprzez opcją, ale ma klasę: ui-datepicker-trigger, więc jeśli tylko projektować bezpośrednio lub jako potomek zidentyfikowania pojemnika będzie działać, na przykład:

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

też dodać inną klasę do przycisku ręcznie po utworzeniu datepicker (który tworzy przycisk):

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

Dziękuję bardzo! Działa on jako: .ui-datepicker-trigger {kolor: czerwony;} Nie trzeba wstawiać .dateContainer –

+0

@Doug - Nie byłem pewien, czy chciałbyś, aby był bardziej szczegółowy, czy nie, po prostu dając ci opcje:) cieszę się, że albo podejście było tym, czego szukałeś :) –

+0

To jest lepsze bardziej szczegółowe, czasami dlatego, że możesz mieć więcej niż jeden datepicker na tej samej stronie. – Tebo