jQuery日期选择器仅显示年份和月份

Question

我正在使用日期选择器仅选择年月。 我可以按以下方式过滤掉日部分:

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

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

有没有办法仅显示包含日期的月份？

谢谢。

- Fabio

Answer 1

这段代码在我这里运行良好：

$(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" />

- Leniel Maccaferri

Answer 2

如果您不一定要使用日期选择插件，可以使用其中一个可用的“月份选择器”，例如这个：http://plugins.jquery.com/project/monthpicker。

（编辑）这里还有一个先前的讨论：寻找JavaScript月份选择器。

- Spiny Norman

---

感谢提供讨论链接。我猜这正是我所预料的，datepicker中没有月份选择器功能。另一个项目的外观和感觉与我当前的项目不同。我想我得考虑自己添加这个功能了。 - Fabio

Answer 3

对于 jQuery API 的微调往往会在新版本中失效。它们已经不能再为我所用了，因此我为此编写了一个 jQuery 小部件。请查看：http://lucianocosta.info/jquery.mtz.monthpicker

- Luciano Costa