0

想要禁用/隐藏上个月按钮,当 angularUI 日期选择器显示当前月份并启用/显示上个月按钮时,当 angularUI 日期选择器不显示当前月份或未来月份时。
例如:- 如果日期选择器显示六月日期,则当前月份是六月,它应该禁用/隐藏上个月按钮。如果日期选择器显示七月或未来几个月(八月,九月..)日期,它应该启用/显示上个月按钮

4

1 回答 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 回答