jquery ui datepicker按钮的类

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

Answer 2

使它成为一个jQuery UI按钮，因为你已经加载了框架;）

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

免责声明：我的博客