angular - Angular 4 Date-Picker - 如何限制未来和过去的日子

Question

我想使用 Angular 4 Date-Picker 限制未来和过去的日子。我只想启用 Current Date[today]。我该如何解决这个问题。

任何人都可以有想法...？？？

这是我的模板：

<input type="text" placeholder="FromDate" class="form-control" 
  placement="top"
  formControlName="fromDate" 
  [bsConfig]="{ dateInputFormat: 'DD-MM-YYYY' }" 
  bsDatepicker style="padding: 16px">

Answer 1

bsDatepicker有一个属性[minDate]and [maxDate]，所以你将它们设置为“today”并在你的组件构造函数中执行：

组件.ts

today=new Date();

组件.html

<input ... bsDatepicker ... [minDate]="today" [maxDate]="today" ... >

无论如何，当您实际上不允许用户选择除今天以外的日期时，拥有一个日期选择器是没有意义的，您不妨将其默认为“今天”。

Answer 2

与上面提到的类似，但角度根据： https ://material.angular.io/components/datepicker/api

组件.ts

today = new Date()

组件.html

<input matInput [min]="today" [max]="today">