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]，因此您将其设置为“ today”，并在组件构造函数中执行以下操作：

component.ts

today=new Date();

component.html

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

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

Answer 2

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

component.ts

today = new Date()

component.html

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

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

2 个答案: