我正在使用日期选择器仅选择年月。 我可以按以下方式过滤掉日部分:
$(el).datepicker(
{changeMonth: true,
changeYear: true,
dateFormat:'yymm' }
);
这段代码来自jqGrid中的dataInit选项。当用户单击某一天时,只会将年月传回输入框。
有没有办法仅显示包含日期的月份?
谢谢。
我正在使用日期选择器仅选择年月。 我可以按以下方式过滤掉日部分:
$(el).datepicker(
{changeMonth: true,
changeYear: true,
dateFormat:'yymm' }
);
这段代码来自jqGrid中的dataInit选项。当用户单击某一天时,只会将年月传回输入框。
有没有办法仅显示包含日期的月份?
谢谢。
$(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" />
如果您不一定要使用日期选择插件,可以使用其中一个可用的“月份选择器”,例如这个:http://plugins.jquery.com/project/monthpicker。
(编辑)这里还有一个先前的讨论:寻找JavaScript月份选择器。
对于 jQuery API 的微调往往会在新版本中失效。它们已经不能再为我所用了,因此我为此编写了一个 jQuery 小部件。请查看:http://lucianocosta.info/jquery.mtz.monthpicker