Angular 4日期选择器-如何限制未来和过去的日子

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]和[maxDate]，因此需要设置那些“今天”和你的组件内部构造器，你这样做：

component.ts

today=new Date();

component.html

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

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