jQuery datepicker 仅显示年份月份答案

【问题标题】：jQuery datepicker display year month onlyjQuery datepicker 仅显示年份月份
【发布时间】：2011-01-18 14:28:15
【问题描述】：

我正在使用 datepicker 仅选择年月。我像这样过滤掉白天部分：

$(el).datepicker( 
{changeMonth: true, 
changeYear: true, 
dateFormat:'yymm' } 
);

代码来自jqGrid中的dataInit选项。当用户点击一天时，只会将年月传递回输入框。

有什么方法可以只显示月份的日期吗？

谢谢。

【问题讨论】：

标签： jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

这个code 对我来说完美无缺：

$(function()
{   
    $(".monthPicker").datepicker({
        dateFormat: 'MM yy',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,

        onClose: function(dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).val($.datepicker.formatDate('MM yy', new Date(year, month, 1)));
        }
    });

    $(".monthPicker").focus(function () {
        $(".ui-datepicker-calendar").hide();
        $("#ui-datepicker-div").position({
            my: "center top",
            at: "center bottom",
            of: $(this)
        });
    });
});

<label for="month">Month: </label>
<input type="text" id="month" name="month" class="monthPicker" />

【讨论】：

【解决方案2】：

好吧，如果您没有绑定到 datepicker 插件，您可以使用可用的“monthpickers”之一，例如：http://plugins.jquery.com/project/monthpicker。

（编辑）这里还有一个先前的讨论：In search of JavaScript Month Picker。

【讨论】：

感谢您提供讨论链接。我想这是我所期望的，datepicker 中没有月份选择器功能。另一个项目的外观与我在当前项目中需要的不同。我想我将不得不自己考虑添加此功能。

【解决方案3】：

对 jQuery api 的调整往往会在新版本中中断。它们不再为我工作了，所以我为此编写了一个 jQuery 小部件。请查看：http://lucianocosta.info/jquery.mtz.monthpicker

【讨论】：