angularjs - 在 ui.bootstrap.datepicker Angularjs 禁用未来的日子

Question

我正在使用UI Bootstrap的日期选择器：（那里有一个Plunker可以通过按钮禁用过去几天）。

谁能帮我在没有任何按钮的情况下禁用未来的日子？

我尝试像这样更改按钮的功能，但没有奏效：

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

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

Answer 1

只需设置您要限制的日期即可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

Answer 2

设置您的日期选择器类并设置endDate = new Date()

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