禁用uib-datepicker-popup

Question

我正在使用uib-datepicker-popup并且只想启用该特定位置可用的日期。例如，如果有人选择DC位置，我想只启用DC位置的可用日期并禁用所有其他日期，以便用户无法选择它。如果DC仅在4月13日，20日，25日和31日有空，我希望禁用所有其他日期。有没有办法使用AngularJS和这个指令来做到这一点？

谢谢！

Answer 1

根据文档，uib-datepicker-popup是uib-datepicker的包装器，并支持相同的选项。您将通过dateDisabled选项提供一个函数，此函数将采用参数对象{date: date, mode: mode}并返回true / false以指示是否应禁用该日期。

https://angular-ui.github.io/bootstrap/#!#datepicker

Answer 2

如@Jeff所述，angular UI date picker具有dateDisabled选项，用于指定必须禁用的日期。您可以像{/ p>这样在date-options内指定方法

$scope.dateOptions = {
      dateDisabled: function(data) {
        var date = data.date,
          mode = data.mode;
        return mode === 'day' && !$scope.IsDateAvailable(date);
      }
    };

工作JSFiddle供您参考。