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

【问题标题】：Angular 4 Date-Picker - How to restrict Future and Past DaysAngular 4 Date-Picker - 如何限制未来和过去的日子
【发布时间】：2018-11-29 13:23:51
【问题描述】：

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

谁能知道...???

这是我的模板：

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

【问题讨论】：

这取决于你如何实现你的日期选择器。您可以发布您的日期选择器代码吗？
@rmcshary

标签： angular npm datepicker calendar dayofmonth

【解决方案1】：

bsDatepicker 有一个属性 [minDate] 和 [maxDate]，因此您将它们设置为“今天”，然后在您的组件构造函数中执行以下操作：

组件.ts

today=new Date();

component.html

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

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

【讨论】：

如果这回答了您的问题，请务必将其标记为已接受或赞成，以便它可以帮助其他有相同问题的人。谢谢！
如何在点击提交时将 DATE-FORMAT 从“DD-MM-YYYY”转换为“YYYY-MM-DD”...我的模板应该是“params.Date = this.LicenseForm .value.Date"

【解决方案2】：

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

组件.ts

today = new Date()

component.html

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

【讨论】：