最大和最小输入日期

Question

如何限制我在Angular 2中的日期输入？我的代码目前看起来是这样的：

<input #birthday="ngModel" type="date" name="birthday" max="2012-12-12" min="2000-12-12" required ngModel> 

下面的日期应该是无效的，但它不是：

我在做什么错？

Answer 1

你的问题是，它显示是有效的，因为你有唯一的验证是如果它是要求所以输入是有效的。设置最大和最小日期仅限制日期的输入。如果你试图提交你应该看到一个错误，因为这

如果上述行为是不够的，因为你所看到的输入是有效的，你需要一个自定义的验证。从你的代码看来，你似乎正在使用模板驱动的表单。将自定义验证器添加到模板驱动的表单会稍微复杂一些，但您仍然可以执行此操作。下面是一个教程的链接添加自定义验证到模板驱动的形式

https://juristr.com/blog/2016/11/ng2-template-driven-form-validators/

注意

小心日期输入类型，因为它是不是在很多浏览器的支持。您应该查看角度日历组件，例如PrimeNG日历。