class для jQuery ui datepicker button

У меня есть следующий код для jQuery UI datepicker:

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

Он создает кнопку на боковой стороне текстового поля, чтобы люди могли щелкнуть по ней и выбрать дату. Можно ли применить class к созданной кнопке, чтобы я мог применить к нему стиль CSS?

Вы не можете добавить дополнительный class с помощью опции, но у него есть class: ui-datepicker-trigger , поэтому, если вы просто создаете стиль непосредственно или как потомок идентифицируемого контейнера, он будет работать, например:

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

Или добавьте другой class к кнопке вручную после создания datepicker (который создает кнопку):

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

Сделать его пользовательским интерфейсом jQuery, поскольку у вас уже загружена фрейм;)

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

Отказ от ответственности: Мой блог