月份和年份仅在下拉列表中，jQuery 不能用于选择答案

【问题标题】：Month and year only in dropdown with jQuery not working on select月份和年份仅在下拉列表中，jQuery 不能用于选择
【发布时间】：2015-12-31 11:50:45
【问题描述】：

我正在使用 datepicker 将月份和年份作为下拉菜单进行选择。

当我使用下面的 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();
        }
        });
         });

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

【问题讨论】：

我想您的第一个要求是无法实现的，直到您在文本框所在的页面中使用该类&对于您的第二个查询，请参阅此小提琴：jsfiddle.net/bopperben/DBpJe
选择月份：这是我的文本框，请告诉我要在此处添加什么类

标签： javascript jquery datepicker

【解决方案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;
}

【讨论】：