HTML/Angular2 日期选择器禁用以选择未来日期答案

【问题标题】：HTML/Angular2 date picker disable to select a future dateHTML/Angular2 日期选择器禁用以选择未来日期
【发布时间】：2017-01-09 15:35:13
【问题描述】：

我有一个与 html/angular 2 日期选择器相关的问题。所以我有这样的输入标签：

<input #createdAt ngModel type="datetime-local" id="createdAt" name="date" class="form-control" required>

但我不想让用户选择未来的日期，所以只允许今天和过去的日期。如何使用 angular 2 实现这种行为？

【问题讨论】：

【解决方案1】：

以下是角度材料日期选择器的最大/最小属性的语法。

<input matInput [max]="maxDate" [min]="minDate" [matDatepicker]="picker">

【讨论】：

【解决方案2】：

其中一个选项是利用<input type="datetime-local 的max 属性，例如：<input type="date" name="bday" max="1979-12-31">

另一种方法是使用现有的 Angular2 组件，例如来自Bootstrap Angular 2 的日期选择器。该组件是高度可定制的，您可以通过设置maxDate 输入来实现您的目标。

【讨论】：