angular - 如何在 angular-io-datepicker 中禁用以前的日期

Question

我对 angular 4 不太了解，谁能告诉我如何在 angular-io-datepicker 中禁用以前的日期。

Answer 1

*************抱歉，这不是正确的日期选择器插件。但我离开它以防万一你想切换

如果这是您正在使用的用户界面，请查看最小日期按钮。

http://angular-ui.github.io/bootstrap/#!#%2Fdatepicker

html:

<button type="button" class="btn btn-sm btn-default" ng-click="toggleMin()" uib-tooltip="After today restriction">Min date</button>

角js：

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

Answer 2

您应该使用min输入来执行此操作。
只需将其添加到input放置mdDatepicker指令的标签上，然后绑定min到将有效日期与无效日期分开的日期。
在此示例中，我曾经new Date()能够禁用当前日期之前的所有日期。

@Component({
  selector: 'app-root',
  template: `<input [mdDatepicker]="datePicker" [min]="minDate">
             <button [mdDatepickerToggle]="datePicker"></button>
             <md-datepicker #datePicker></md-datepicker>`,
})
export class AppComponent {
  minDate = new Date();
}