Question

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

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

以下日期应无效，但不是：

我做错了什么？

Answer 1

您的问题是它显示的内容是有效的，因为您唯一的验证是必需，因此输入有效。设置最大值和最小值日期仅限制日期的输入。如果您尝试提交，您可能会看到错误，例如此

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

的教程的链接

注意

请注意日期输入类型，因为很多浏览器都不支持它。您应该查看角度日历组件，例如PrimeNG日历。