класс для кнопки выбора даты jquery ui

Question

У меня есть следующий код для средства выбора даты jQuery UI:

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

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

Answer 1

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

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

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

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

Answer 2

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

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

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