javascript - 仅在下拉菜单中显示月份和年份，jQuery 不适用于选择

Question

我使用日期选择器仅将月份和年份作为下拉列表进行选择。

当我使用下面的 CSS 禁用日期选择器时，它会禁用我的 JSP 中的其他日期选择器。

1.我怎样才能使这个CSS单独内联到一个所需的日期选择器。

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

2.禁用后，我使用 onselect 来选择不起作用的月份和年份，但如果我在带有完整日历的日历中选择日期，它就会起作用。

$(document).ready(function() {

   $('#txtDate').datepicker({
     changeMonth: true,
     changeYear: true,
     dateFormat: 'M yy',
     yearRange: "-2:+0",
     defaultDate: '-1m',

     onSelect: function() {
        var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").text();
        var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val();


        callmymethod();
        }
        });
         });

请帮我解决这两个问题。谢谢

Answer 1

我已经找到了完全符合我目的的解决方案

jsfiddler

<input type="text" data-calendar="false" />
<input type="text" data-calendar="false" />
<input type="text" data-calendar="true" />

jQuery

$('input').datepicker({
    beforeShow: function(el, dp) {
        $('#ui-datepicker-div').toggleClass('hide-calendar',   $(el).is('[data-calendar="false"]'));
    }
});

CSS

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