jquery ui日期选择器按钮的类

jquery ui日期选择器按钮的类,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我有以下jQuery UI日期选择器代码: $(function() { $(".date").datepicker({ showOn: 'button', buttonText: "Choose Date", dateFormat: 'yy-mm-dd' }); }); 它在文本框的侧面创建一个按钮,以便人们可以单击该框并选择日期。是否可以对创建的按钮应用一个类,以便我可以对其应用

我有以下jQuery UI日期选择器代码:

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

它在文本框的侧面创建一个按钮,以便人们可以单击该框并选择日期。是否可以对创建的按钮应用一个类,以便我可以对其应用CSS样式?

您不能通过选项添加其他类,但它确实有一个类:
ui datepicker trigger
,因此,如果您直接设置样式或将其作为可识别容器的后代,则可以使用,例如:

.ui-datepicker-trigger { color: red; }
//or...
.myContainer .ui-datepicker-trigger { color: red; }
或者,在创建日期选择器(创建按钮)后手动向按钮添加其他类:


使其成为jQuery UI按钮,因为您已经加载了框架;)


免责声明:我的博客

非常感谢!它的工作原理是:.ui日期选择器触发器{color:red;}无需放置。dateContainer@Doug-我不确定你是否想要更具体,只是给你一些选择:)很高兴这两种方法都是你想要的:)有时候更具体一些,因为你可能在同一页上有多个日期选择器。
$(function() {
    $(".date").datepicker({
        showOn: 'button',
        buttonText: "Choose Date",
        dateFormat: 'yy-mm-dd'
    }).next(".ui-datepicker-trigger").addClass("someClass");
});