禁用ui.bootstrap.datepicker Angularjs的未来日期

时间:2016-12-02 01:08:11

标签: angularjs ui.bootstrap

我正在使用datepicker of UI Bootstrap :(有一个Plunker there通过按钮禁用过去几天。)

任何人都可以帮我禁用未来任何按钮吗?

我尝试改变按钮的功能,但是没有用:

$scope.toggleMin = function() { $scope.options.minDate = $scope.options.minDate ? **new Date()** : **null** ; };

这是一个按钮,我想在没有按钮的情况下禁用。

2 个答案:

答案 0 :(得分:3)

只需将maxDate中的options设置为您要限制的日期。

$scope.options = {
  customClass: getDayClass,
  maxDate: new Date(), // restrict maximum date to today
  showWeeks: true
};

否则,如果您需要在设置选项后进行更改,则可以执行以下操作:

$scope.options.maxDate = new Date(), // restrict maximum date to today

此处更新的Plunker已禁用了几天后:https://plnkr.co/edit/0iqNNEcATzv4t8h8n41X?p=preview

答案 1 :(得分:0)

设置您的datepicker类并设置endDate = new Date()

    $('.date-datepicker').datepicker({
        autoclose: true,
        endDate: new Date()
    });