HTML / Angular2日期选择器禁用以选择将来的日期

时间:2017-01-09 15:35:14

标签: html angular datepicker

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

summary(x)[7]

但我不希望允许用户选择将来的日期,因此只允许今天和过去的日期。 如何用角度2实现这种行为?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

其中一个选项是利用max的{​​{1}}属性,例如:<input type="datetime-local

另一种方法是使用现有的Angular2组件,例如Bootstrap Angular 2中的日期选择器。该组件可高度自定义,您可以通过设置<input type="date" name="bday" max="1979-12-31">输入来实现目标。