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

时间:2013-09-22 04:30:41

标签: javascript jquery

(编辑)的

我在jquery中使用jquery.mtz.monthpicker。

我想限制未来的月份,但我认为没有像“maxDate'在jquery.ui.datepicker中。

$('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);
    }
});
我是这样编码的。只能选择当前和过去几个月。但它不起作用。 问题是什么?

1 个答案:

答案 0 :(得分:0)

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', []);
    }
});
}

我解决了。

首先,删除方法链。

其次,monthpicker-show事件没有'year'参数。

我认为有一些关键点。