如何以角度反应形式验证日期字段？答案

【问题标题】：how to validate datefield in angular reactive form?如何以角度反应形式验证日期字段？
【发布时间】：2018-07-20 18:33:08
【问题描述】：

我正在尝试使用响应式表单以角度验证我的表单。很少有字段示例 date 和 year 用户仅输入 number date formate (01 -31) year formate (1990 --- or 2019 四位数) 所以他尝试输入除字符串以外的任何内容我需要显示无效消息。我试过这样

我在看date 和year 的模式是什么

https://codesandbox.io/s/jzq6nn6zz9

cardnumber: ["", [Validators.required, Validators.pattern("[0-9]{16}")]],
      dateofexipiredate: ["", [Validators.required]],
      dateofexipireyear: [""],
      cvc: ["", [Validators.required, Validators.pattern("[0-9]{3}")]]

dateofexipiredate 和 dateofexipireyear 的模式是什么

【问题讨论】：

标签： javascript angular

【解决方案1】：

您可以创建如下内容来涵盖您提到的规范：

年度：Validators.pattern("(199[0-9])|(20[01][0-9])")

日期：Validators.pattern("(0[1-9])|([12][0-9])|(3[0-1])")

但是，最好考虑将这两个与月份一起验证，以确保它实际上是一个有效的日期 - 例如没有 2013 年 2 月 31 日。但是，仅使用正则表达式（尤其是闰年等）会更加困难。

【讨论】：