Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在月份/日期选择器上限制年份_Javascript_Jquery_Jquery Ui Datepicker_Bootstrap Datepicker - Fatal编程技术网

Javascript 在月份/日期选择器上限制年份

Javascript 在月份/日期选择器上限制年份,javascript,jquery,jquery-ui-datepicker,bootstrap-datepicker,Javascript,Jquery,Jquery Ui Datepicker,Bootstrap Datepicker,请看我的 我想要的是,如果年份与当前年份匹配,“上一个”按钮将被禁用,但我还想限制“下一个”按钮仅在下一年启用,如果他们单击该按钮,它将被禁用 我试过使用minDate:“0”和maxDate:“1y”但它们不起作用 HTML <div class="input-group date" style="width: 200px"> <input type="text" id="example1" class="form-control" style="cursor: po

请看我的

我想要的是,如果年份与当前年份匹配,“上一个”按钮将被禁用,但我还想限制“下一个”按钮仅在下一年启用,如果他们单击该按钮,它将被禁用

我试过使用
minDate:“0”
maxDate:“1y”
但它们不起作用

HTML

<div class="input-group date" style="width: 200px">
    <input type="text" id="example1" class="form-control" style="cursor: pointer"/>
        <span class="input-group-addon">
            <i class="glyphicon glyphicon-calendar"></i>
        </span>
</div>
CSS

.datepicker-switch
{
    pointer-events: none;
}

我不想在我的代码中添加年份,否则我将不得不每年更新一次并发布我的网站,因此,如果不添加此代码,如何做到这一点。

这是您想要的吗?禁用除当前年份以外的所有其他年份

如果是,则使用
startDate
endDate
选项


此解决方案基于J Santosh的解决方案,但固定了OP的要求

要限制日期选择器,请使用
startDate
endDate
。将计算日期对象传递给选项以便于使用(明年无需更新)

要求:
startDate=今年
endDate=今年+明年

日期选择器配置:

$('#example1').datepicker({
    format: "MM yyyy",
    minViewMode: 1,
    autoclose: true,
    startDate: new Date(new Date().getFullYear(), '0', '01'),
    endDate: new Date(new Date().getFullYear()+1, '11', '31'),
});
请参见演示:


PS:
changeYear
不是一个现有选项

@J Santosh当选择器显示时,下一年按钮不显示如果单击了要禁用的下一个按钮,例如,如果当前年份是2015年,则下一个按钮将导致2016年,您想禁用2016年还是2017年?@J Santosh当日历显示时,如果年份不等于当前年份(例如2015年),则应显示“下一步”按钮。如果用户然后单击“下一年”按钮,他们应该无法再次单击它,尽管我已删除了
changeYear
lol,但您的解决方案非常有效,谢谢。
$('#example1').datepicker({
    format: "MM yyyy",
    minViewMode: 1,
    autoclose: true,
    startDate: new Date(new Date().getFullYear(), '0', '01'),
    endDate: new Date(new Date().getFullYear()+1, '11', '31'),
});