jquery - 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");
});