JQuery Datepicker隐藏页面上一个日历的日期

Question

我在同一页面上有几个日期选择器,需要一个只显示月份和年份,而其他人应该显示完整的日历和日期.我知道要从一个独立的日期选择器中隐藏日子,我可以做类似的事情:

<style>
 .ui-datepicker-calendar {
   display: none;
 }
</style>

但这隐藏了所有日历的日期.如何确保其他日期选择器保留日历视图？

编辑 我确实尝试嵌套CSS但仍然遗漏了一些东西.对于HTML部分我大致有:

<div id="monthOnly"><input type="text" class="monthly-picker" name="mdate"></div>

和JS代码 $('.monthly-picker').datepicker();

还是,做点什么

<style>
#monthOnly .ui-datepicker-calendar {
   display: none;
 }
</style>

不会产生预期的结果.

Answer 1

在容器元素上使用id.

<style>
 #monthOnly .ui-datepicker-calendar {
   display: none;
 }
</style>

编辑:http: //jsfiddle.net/h8DWR/是一个处理datepicker的特性的解决方案.想法是使用样式元素在选择特定日期选择器时添加样式,然后在关闭时将其删除.