禁用对 uib-datepicker-popup 不可用的日期

【问题标题】：Disable dates that aren't available for uib-datepicker-popup禁用对 uib-datepicker-popup 不可用的日期
【发布时间】：2018-04-14 05:12:38
【问题描述】：

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

谢谢！

【问题讨论】：

标签： angularjs twitter-bootstrap bootstrap-datepicker

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

正如@Jeff 所提到的，angular UI date picker 具有dateDisabled 选项来指定必须禁用哪个日期。你可以像这样指定date-options里面的方法

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

一个有效的JSFiddle 供您参考。

【讨论】：