我认为这不是一个Angular 问题。
原生 input[type="date"] 将字符串值返回给 FormControl,而不是 js-Date。FormControls 不检查任何内容。
只在 Chrome 中看到了相同的错误：
https://bugs.chromium.org/p/chromium/issues/detail?id=1020553&q=component%3ABlink%3EForms%3EDate&can=2
例如，Safari 对于无效的日期返回空字符串作为有效日期

浏览器报告原生控件处于无效状态(inputEl.validity.valid),例如，当输入元素填充一个不存在的日期时，css :invalid伪类存在。这是正确的行为，对吗？
这个问题报告了，即使原生元素处于无效状态，Angular FormControl仍然声称它是有效的，但实际上并非如此。
这个问题与浏览器错误有什么关系？我认为这不是问题所在，而是Angular层的一个Bug。

我目前找到的一个解决方法是：

@Directive({
  selector: 'input[type=date][invalidDateInput]',
  providers: [
    {
      provide: NG_VALIDATORS,
      useExisting: forwardRef(() => InvalidDateInputDirective),
      multi: true,
    }
  ],
})
export class InvalidDateInputDirective implements Validator {
  private onChangeCallback?: () => void;

  constructor(
    private element: ElementRef,
  ) {}

  @HostListener('input')
  onInput() {
    this.onChangeCallback?.();
  }

  registerOnValidatorChange(fn: () => void) {
    this.onChangeCallback = fn;
  }

  validate(control: AbstractControl): ValidationErrors | null {
    const input: HTMLInputElement = this.element.nativeElement;
    return input.validity.badInput ? { 'invalid-date-input': 'true' } : null;
  }
}

只需将指令应用于一个输入元素，不存在的日期将导致该元素处于无效状态：

<input type="date" invalidDateInput formControlName="test">

正如我所说，FormControls doesn't check anything。我的意思是，如果你需要检查浏览器中的原生输入验证，你需要编写自己的验证器。
Angular表单控件仅与输入验证属性一起工作，例如required/max/min ngNativeValidate指令(如果需要)。但它不包括你希望修复的原生ValidityState。
这个问题与浏览器错误有什么关系？
这与在浏览器中以不同方式验证错误日期计数有关。例如：
Chrome设置无效的原生状态：

Safari设置有效的原生状态：

原始的错误报告说这不是一个回归，但是AngularJS检测到了错误的输入并将$invalid设置为true。
某些东西总是在无论ngNativeValidate的情况下，将min/max/required等属性隐含的原生验证传播到控件的valid/errors属性中。那个东西(或者类似的东西)难道不应该同样传播由type=date、type=number等隐含的原生验证吗？这种不一致性(在min和type=number之间，以及在Angular和AngularJS之间)令应用程序开发人员感到惊讶(至少对我来说是这样)。

See also: #2962