Primeng日历-不更新formControlName值

Question

选择新的Calendar值不会更新formControlName中的值

我尝试将model属性设置为字符串，也尝试将日历上的dataType设置为字符串。要在模型的日历上设置默认值，我必须将值转换为新日期。收听onBlur还会显示旧值，而不是新值。

我正在使用Angular 7，Ionic 4和PrimeNg 7.1

ngOnInit（）{

  this.form = new FormGroup({
      dfrDate: new FormControl(null, {
        updateOn: 'blur',
        validators: [Validators.required]
      }),



<p-calendar  #dfrDateRef dataType="string"  showButtonBar="true" formControlName='dfrDate' [showIcon]="true" ></p-calendar>

我希望表单控件值能够像所有其他表单字段一样自动更新。我可以通过在表单提交时使用viewChild来解决此问题，但这对于该应用程序中的每个日期字段都是一件很痛苦的事情

Answer 1

要检查更改，请使用onSelect事件，如下所示：

视图中：

<p-calendar 
    [(ngModel)]="inputDate"
    (onSelect)="inputDateChanged()">
</p-calendar>

在控制器中：

public inputDateChanged(): void {
    // Do something with this.inputDate
}