如何在 mtz.monthpicker 中设置可选择的最大月份



(已编辑)

我正在使用jquery.mtz.monthpicker和jquery。

我想限制未来的月份,但我认为jquery.ui.datepicker中没有像"maxDate"这样的选项。

$('input[name*="from"]').monthpicker({startYear:1970,finalYear:<?=date('Y')?>,pattern:'yyyy-mm'}).bind('monthpicker-show', function (e, year) {
    $('input[name*="from"]').monthpicker('disableMonths', []); // (re)enables all
    if (year === <?=date('Y')?> ) {
        var curMonth = <?=date('n')?>;
        var months = new Array();
        var j = 0;
        for (var i = curMonth+1; i <= 12; i++)
        {
                months[j++] = i;
        }
        $('input[name*="from"]').monthpicker('disableMonths', months);
    }
});

我是这样编码的。 只能选择当前和过去几个月。 但它不起作用。问题出在哪里?

var months = new Array();
var j = 0;
for (var i = <?=date('n')?>+1; i <= 12; i++)
{
        months[j++] = i;
}
$('input[name*="from"]').monthpicker({startYear:1970,finalYear:<?=date('Y')?>,pattern:'yyyy-mm'});
for(var i = 0; i < $('input[name*="from"]').length; i++){
$($('input[name*="from"]')[i]).monthpicker("disableMonths",months);
$($('input[name*="from"]')[i]).monthpicker().bind('monthpicker-change-year', function(e, year){
    var item = $(e.currentTarget);
    if(year === '<?=date("Y")?>'){
     $(item).monthpicker('disableMonths', months);
    } else {
    $(item).monthpicker('disableMonths', []);
    }
});
}

我解决了。

首先,删除方法链。

其次,月份选择器显示事件没有"年份"参数。

我认为有关键点。

最新更新