Angular 4 Date-Picker - 如何限制 future 和过去的日子

Question

我想使用 Angular 4 Date-Picker 限制 future 和过去的日子。我只想启用当前日期[今天]。我该如何解决这个问题。

谁能想到...？？？

这是我的模板:

<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]和 [maxDate] ，因此您将它们设置为“今天”并在您的组件构造函数中执行以下操作:

组件.ts

today=new Date();

component.html

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

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