Question

我不太了解角度4，可以告诉我如何在angular-io-datepicker中删除之前的日期。

Answer 1

*************我道歉，这不是正确的datepicker插件。但我离开它只是为了以防你想切换

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

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>

angularjs：

$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();
}

如何在angular-io-datepicker中删除之前的日期

2 个答案: