jquery ui datepicker按钮的类

Question

我有jQuery UI datepicker的以下代码:

$(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; }

或者,在创建datepicker(创建按钮)后手动为按钮添加不同的类:

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