将日期选择器自定义为仅显示月份和年份的日历中的 select 日期

Question

我读到 .ui-datepicker-calendar 的这个 (jQuery UI DatePicker to show month year only) and this (How to set date of datepicker that displays Month and Year only) 样式设置为 display:none 适用于所有页面，但是有一个页面用户应该可以选择日期同样，现在如果我们将 .ui-datepicker-calendar 的属性从 display:none 更改为 display:table 或 display:run-in 那么用户也可以 select 约会页面，但我无法使用 jquery.

动态更改它

我这样试过

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

Answer 1

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

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

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

查看： http://jsfiddle.net/calinaadi/bmsfL4hh/

将日期选择器自定义为仅显示月份和年份的日历中的 select 日期

customise datepicker to select date from the calender that displays Month and Year only

jquery

datepicker