javascript - 模板驱动的“起始日期”和“截止日期”表单验证

Question

我正在尝试以模板驱动的形式添加对起始日期和截止日期控件的验证。我如何验证它们，例如“起始日期应该大于截止日期”，反之亦然。 另外，我正在考虑在我的应用程序中针对不同的日期和最新控件重复使用此验证。

Answer 1

创建一个接受两个表单控件的函数。比较日期，如果出现错误，请设置表单控件的错误:

compareDates(from: FormControl, to: FormControl) {
  const startDate: Date = ConvertYourFormValueToValidDate(from.value);
  const endDate: Date = ConvertYourFormValueToValidDate(to.value);

  if (startDate.getTime() > endDate.getTime()) {
    from.setErrors({ ...from.errors, 'aboveEnd': true });
  } else if (startDate.getTime() > endDate.getTime()) {
    to.setErrors({ ...to.errors, 'belowStart': true });
  }
}