lớp cho jquery ui nút datepicker

Question

Tôi có đoạn code sau cho datepicker jQuery UI:

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

Nó tạo ra một nút ở phía bên của hộp văn bản để mọi người có thể nhấp vào hộp và chọn một ngày. Có thể áp dụng một lớp vào nút được tạo để tôi có thể áp dụng kiểu CSS cho nó không?

Answer 1

Bạn không thể thêm một lớp bổ sung thông qua một lựa chọn, nhưng nó có một lớp: ui-datepicker-trigger, vì vậy nếu bạn chỉ là phong cách trực tiếp hoặc là một hậu duệ của một container mang tính chất nó sẽ làm việc, ví dụ:

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

Hoặc, thêm một lớp khác nhau để nút bằng tay sau khi tạo datepicker (mà tạo ra nút):

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

Answer 2

làm cho nó trở thành một nút jQuery UI kể từ khi bạn đã có khuôn khổ nạp;)

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

Disclaimer: My Blog