自定义日期选择器以从仅显示月份和年份的日历中选择日期

Question

我读过这个 (jQuery UI DatePicker to show month year only) 并且这个 (How to set date of datepicker that displays Month and Year only) 风格的 .ui-datepicker-calendar 设置为 display:none 这适用于所有页面，但是有一个页面，用户应该能够选择日期作为好吧，现在如果我们将.ui-datepicker-calendar 的属性从display:none 更改为display:table 或display:run-in，那么用户也可以为该页面选择日期，但我无法使用jquery 动态更改它。

我试过这样

$('.ui-datepicker-calendar').css('display','table');

Answer 1

DatePicker 在 javascript 中将其设置为 display:block 后，会使用 .ui-datepicker-calendar 类创建 div。一种选择是将您的 css 类更改为：

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

然后在 datepicker 的 beforeShow 事件中添加或删除 .datePickerMonthAndYear 。

见： http://jsfiddle.net/calinaadi/bmsfL4hh/