如何获得不同大小的datepicker实例？

Question

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

Answer 1

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

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

例如：

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

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

Answer 2

您可以设计和加载不同于默认jQueryUI主题的css 。 虽然主题通常具有相同的日历大小 ，但您可以选择根据需要个性化此功能。