如何在角度io日期選擇器中刪除以前的日期

Question

我不太瞭解角度4，可以告訴我如何在angular-io-datepicker中刪除以前的日期。

Answer 1

*************我很抱歉，這不是正確的datepicker插件。但即時通訊離開它，以防萬一你想切換

如果這是你正在使用的用戶界面，請檢查最短日期按鈕。

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