限制年份 Month/DatePicker
Restrict Years On Month/DatePicker
请看我的fiddle
我想要的是 'Previous' 按钮在年份与当前年份匹配时被禁用,但我还想限制 'Next' 按钮仅在下一年启用,如果他们点击它,它就会被禁用。
我试过使用 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>
JQuery
$('#example1').datepicker
({
format: "MM yyyy",
minViewMode: 1,
changeYear: true,
autoclose: true
});
CSS
.datepicker-switch
{
pointer-events: none;
}
我不想在我的代码中添加年份,否则我将不得不每年更新它并发布我的网站,所以如果不添加这个怎么能做到呢。
这是你想要的吗?禁用除当年以外的所有其他年份
如果是,则使用 startDate
和 endDate
选项
此解决方案基于 J Santosh 的解决方案,但修复了 OP
的要求
要限制日期选择器,请使用 startDate
和 endDate
。将计算出的日期对象传递给选项以便于使用(明年无需更新)
请求:startDate = this year
和 endDate = this + next year
日期选择器配置:
$('#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'),
});
查看演示:http://jsfiddle.net/RWY2X/28/
PS: changeYear
不是现有选项
请看我的fiddle
我想要的是 'Previous' 按钮在年份与当前年份匹配时被禁用,但我还想限制 'Next' 按钮仅在下一年启用,如果他们点击它,它就会被禁用。
我试过使用 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>
JQuery
$('#example1').datepicker
({
format: "MM yyyy",
minViewMode: 1,
changeYear: true,
autoclose: true
});
CSS
.datepicker-switch
{
pointer-events: none;
}
我不想在我的代码中添加年份,否则我将不得不每年更新它并发布我的网站,所以如果不添加这个怎么能做到呢。
这是你想要的吗?禁用除当年以外的所有其他年份
如果是,则使用 startDate
和 endDate
选项
此解决方案基于 J Santosh 的解决方案,但修复了 OP
的要求要限制日期选择器,请使用 startDate
和 endDate
。将计算出的日期对象传递给选项以便于使用(明年无需更新)
请求:startDate = this year
和 endDate = this + next year
日期选择器配置:
$('#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'),
});
查看演示:http://jsfiddle.net/RWY2X/28/
PS: changeYear
不是现有选项