Question

我为我的主页设置了一个日期选择器，现在我想为其他一些东西设置它。问题是我需要它比我在主页面上使用的要小。有没有办法为datepicker的不同实例设置不同的大小？

Answer 1

jQueryUI使用CSS来设置其所有小部件的样式，这些小部件通常作为主题存储在CSS文件中。根据您使用的主题，可能会也可能不会。

如果您使用的主题对ems和%使用width或font-size，那么您可以轻松创建一个可以改变外观的新样式所有的孩子。

例如：

.someClassNotOnTheMainPage .datepicker {
   font-size:.75em;
   ...
}

如果您正在寻找纯Javascript解决方案或传递给datepicker小部件的选项，遗憾的是，没有一个。

Answer 2

您可以设计和加载与默认jQueryUI主题不同的 css 。虽然日历的主题通常为have the same size，但您可以根据需要选择个性化此功能。