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

Question

我在同一个页面上有几个日期选择器，需要一个只显示月份和年份，而其他的应该显示完整的日历和天数。我知道要对一个单独的日期选择器隐藏日期，我可以这样做:

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

但这会隐藏所有日历中的日期。如何确保其他日期选择器保留日历 View ？

编辑我确实尝试过嵌套 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/是处理日期选择器特性的解决方案。这个想法是使用样式元素在选择特定日期选择器时添加样式，然后在关闭时将其删除。