Javascript 角度日期选择器始终无效

我有一个有角度的日期选择器，在一个带有所需验证器的被动表单中。问题是，即使选择了日期，它也始终无效。奇怪的是，控件无效时不显示红色。我需要为此做一些手动css规则吗？下面是HTML和打字脚本。关于这个问题的闪电战就在这里

我试过在日期选择器上使用一个没有errorStateMatcher的-结果相同

谢谢

皮特

HTML:

---

必须添加

formControlName

指令以链接到

formGroup

：

<input formControlName="pickerMarkDate" matInput [matDatepicker]="pickerMarkDate">

export class InputErrorStateMatcherExample {
  @Input() markDateValid: string;
  @Input() lateralValid: string;
  ticketForm = new FormGroup({
    systemForm: new FormGroup({
      lateral: new FormControl('', [Validators.required]),
      pickerMarkDate: new FormControl('', [Validators.required])
    })
  });

  matcher = new MyErrorStateMatcher();
  submitForm() {
    this.markDateValid = this.ticketForm.get('systemForm').get('pickerMarkDate').valid.toString();//always false
    console.log(this.ticketForm.get('systemForm').get('pickerMarkDate').errors);
    this.lateralValid = this.ticketForm.get('systemForm').get('lateral').valid.toString();
    console.log(this.ticketForm.get('systemForm').get('lateral').errors);
  }
}

<input formControlName="pickerMarkDate" matInput [matDatepicker]="pickerMarkDate">