javascript - 如何在 Bootstrap 日期选择器中禁用当前月份的 future 月份

Question

我在 bootsrtap 日期选择器中使用日历，因为我只显示月份和年份 (mm-yyy)。我想禁用当前月份的 future 月份。我搜索了很多，但没有找到答案。请帮助我，我在下面附上了我的代码

JS:

$(document).ready(function () {

        var cou = $('#rolecount').val();
        var c;

        for (c = 0; c <=cou; c++){
            $('#datepicker'+c).datepicker({
            format: 'mm-yyyy',
            endDate: '+0d',
            viewMode: "months", 
            minViewMode: "months",
            });  

        $('#datepicker'+c).datepicker().on('monthSelected', function(ev){
            $(this).datepicker('hide');
        });
        }
    });

HTML:

<div class="input-group date">
    <input type="text" id="datepicker<?=$j?>" required name="joindate<?=$j?>" class="date_picker form-control" placeholder="show datepicker" maxlength="100"  autocomplete="off"><span class="input-group-addon" id="basic-addon2"><i class="fa fa-calendar"></i></span>
    <input type="hidden" name="roleid<?=$j?>" value="<?=$str[$j]?>"  />
</div>

Answer 1

您需要重新定义您的 endDate 选项值:

$('.input-daterange').datepicker({
   format: 'mm-yyyy',
   // You used '+0d' that is for days instead of '+0m' that is for months.
   endDate: '+0m',
   viewMode: "months", 
   minViewMode: "months"
})