在 datepicker-popup 中禁用过去的日期

Question

我在下面的代码 sn-p 中有 datepicker 控件。

<input type="text" name="startDate" class="form-control  input-sm" datepicker-popup="dd-MMMM-yyyy" ng-model="startDate" required />

在这里，我必须在 datepicker 控件中禁用过去的日期，下面是我已配置但无法正常工作的内容。我在这里遗漏了什么吗？

App.config(['datepickerConfig', 'datepickerPopupConfig', function (datepickerConfig, datepickerPopupConfig) {
    datepickerConfig.startingDay = 1;
    datepickerConfig.showWeeks = true;

    datepickerPopupConfig.datepickerPopup = "dd-MMMM-yyyy";
    datepickerPopupConfig.currentText = "Now";
    datepickerPopupConfig.clearText = "Erase";
    datepickerPopupConfig.closeText = "Close";
}]);

Answer 1

如果您想缩小可能的日期范围，请添加 min-date 或 max-date just as in the example。

这是相关的part of documentation：

• max-date (默认: null) - 定义最大可用日期。
• min-date（默认值：null）- 定义最短可用日期。

Answer 2

从 Angular ui-bootstrap 版本 1.1.0 开始，您需要使用名为 datepicker-options 的属性来配置日期选择器：

<input type="text" class="form-control" datepicker-options="dateOptions" datepicker-popup="dd-MMMM-yyyy" is-open="popup.opened"/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="open()">
        <i class="glyphicon glyphicon-calendar"></i>
    </button>
</span>

现在您只需将 minDate 属性设置为当前日期或您喜欢的任何其他日期作为日期选择器的最小日期。与其在应用程序的 .config 块中编写日期选择器配置，不如将其编写在控制器或服务中：

$scope.dateOptions = {
   minDate: new Date() 
};

$scope.popup = {
   opened: false
};

$scope.open = function() {
   $scope.popup.opened = true;
};

更多信息，请阅读official documentation。