在同一页面上具有不同字体大小和选项的Datepickers

Question

我正在使用JQuery UI的日期选择器来显示日历。在我的要求中，我需要显示2个具有不同选项的不同日历，即datepicker1应该有年/月/日选择，而datepicker2应该只有年/月选择，并且两者都有不同的字体大小。

我尝试了以下CSS

 .ui-datepicker-calendar{
   display:none;
 }  

但是上面的CSS样式会使两个日期选择器的日历消失。 请让我知道您对此的看法

Answer 1

你可以将css覆盖到datepicker2：

<p>Date: <input type="text" id="datepicker" class="firstStyleDatePicker"></p>
<p>Date: <input type="text" id="datepicker" class="secondStyleDatePicker"></p>

如果这仍然不起作用（css不适用）你可能会尝试！重要。

Answer 2

div.ui-datepicker{
 font-size:12px;
}

在jquery-ui的样式表下添加。