如何在jquery monthpicker中限制未来月份答案

【问题标题】：how to restrict future months in jquery monthpicker如何在jquery monthpicker中限制未来月份
【发布时间】：2015-05-28 05:40:11
【问题描述】：

我希望禁用未来的月份并在 jquery 月份选择器中显示当前月份的月份。这是代码

var picker = jQuery('#SearchVal').MonthPicker({
 maxDate: "0m",
ShowIcon: false,
OnAfterChooseMonth: function(){
    var elts = picker.val().split('/');
    picker.val(monthsLabels[parseInt(elts[0])-1]+', '+elts[1]);
}
});

【问题讨论】：

标签： jquery jquery-ui jquery-plugins

【解决方案1】：

You can try this. This is working for me.

$('#my_widget').monthpicker('disableMonths', [1, 2, 11, 12]);
$('#my_widget').monthpicker('disableMonths', []); // re-enables all months

参考来自：月份选择器 Jquery->lucianocosta.info/jquery.mtz.monthpicker/

【讨论】：

【解决方案2】：

您可以从月份列表中删除当前月份之后的所有月份，并将列表作为参数传递给monthpicker。

var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var current = new Date().getMonth();
months.splice(0, current);
var picker = jQuery('#SearchVal').MonthPicker({
    maxDate: "0m",
    ShowIcon: false,
    month: months,
    OnAfterChooseMonth: function(){
      var elts = picker.val().split('/');
      picker.val(monthsLabels[parseInt(elts[0])-1]+', '+elts[1]);
    }
});

【讨论】：

我把这段代码。但是没有变化。你能建议一些其他的方法吗

【解决方案3】：

最后我找到了解决方案。这对我有用。

var months = new Array();
var j = 0;
for (var i = <?=date('n')?>+1; i <= 12; i++)
{
    months[j++] = i;
}

jQuery('#SearchVal').monthpicker({startYear:2000,finalYear:<?=date('Y')?>,pattern:'yyyy-mm'});
for(var i = 0; i < jQuery('#SearchVal').length; i++){
jQuery(jQuery('#SearchVal')[i]).monthpicker("disableMonths",months);
jQuery(jQuery('#SearchVal')[i]).monthpicker().bind('monthpicker-change-year', function(e, year){

var item = jQuery(e.currentTarget);
if(year === '<?=date("Y")?>'){
 jQuery(item).monthpicker('disableMonths', months);
} else {
jQuery(item).monthpicker('disableMonths', []);
}
});

【讨论】：