在Angular中，使用响应式表单时，可以通过自定义验证器来检查日期是否正确，并且在表单提交时传递错误日期。下面是一个示例代码，演示了如何解决这个问题：

1. 创建一个自定义验证器 dateValidator，用于检查日期是否正确：

import { ValidatorFn, AbstractControl } from '@angular/forms';

export function dateValidator(): ValidatorFn {
  return (control: AbstractControl): { [key: string]: any } | null => {
    const value = control.value;
    if (value) {
      const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
      if (!dateRegex.test(value)) {
        return { 'invalidDate': true };
      }
    }
    return null;
  };
}

2. 在组件中使用该自定义验证器来验证日期输入框：

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { dateValidator } from './date.validator';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.fb.group({
      date: ['', [Validators.required, dateValidator()]]
    });
  }

  onSubmit() {
    if (this.myForm.valid) {
      // 处理表单提交逻辑
    }
  }
}

3. 在模板中展示错误消息：

  

    日期:
    
    

      无效日期
    
  
  提交

这样，当用户输入一个无效的日期时，会显示错误消息，并且表单无法提交。你可以根据需要修改自定义验证器和错误消息的显示方式。