想要禁用/隐藏上个月按钮,当 angularUI 日期选择器显示当前月份并启用/显示上个月按钮时,当 angularUI 日期选择器不显示当前月份或未来月份时。
例如:- 如果日期选择器显示六月日期,则当前月份是六月,它应该禁用/隐藏上个月按钮。如果日期选择器显示七月或未来几个月(八月,九月..)日期,它应该启用/显示上个月按钮
问问题
1421 次
1 回答
0
我也遇到了这个问题,据我所知,Angular 并没有真正的方法来做到这一点,所以我想出了一个 jQuery 方法:
//Disable the previous month button with monthCount at 0
$(".calendar button[ng-click='move(-1)']").addClass("disabled").attr("disabled","disabled");
var monthCount = 0;
//Decrease monthCount if previous month button isn't already disabled
$(".calendar button[ng-click='move(-1)']").not("disabled").on('click',function(){
monthCount--;
//if monthCount hits 0, disable it
if(monthCount < 1){
$(this).addClass("disabled").attr("disabled","disabled");
}
})
//Increase monthCount on next month button click
$(".calendar button[ng-click='move(1)']").on('click',function(){
monthCount++;
//enable previous month button as long as monthCount is greater than 0
if(monthCount > 0){
$(".calendar button[ng-click='move(-1)']").removeClass("disabled").removeAttr("disabled");
}
})
答案对于 OP 来说为时已晚,但希望这可以在未来为其他人节省一些时间。
于 2016-04-08T00:46:54.363 回答