当我在 Angular 9 中使用来自 PrimeNG 的 <p-calendar> 时，位置 2 出现错误意外文字

Question

我有一个用 Angular 和 PrimeNG 制作的反应式表格。为了获取我使用 <p-calendar> 的数据，没有问题。当我尝试检索数据时，我的问题就开始了。这是错误：

core.js:6260 ERROR Unexpected literal at position 2.

这是我的部分代码：

formulario.component.ts

this.form = this.fb.group({
  'fechaEntrada': new FormControl('', Validators.required)
})

formulario.component.html

<div class="p-field p-col-12 p-md-4">
   <label for="fechaEntrada">Fecha de Ingreso</label>
   <p-calendar formControlName="fechaEntrada" showButtonBar="true" dateFormat="dd/mm/yy" dataType="string"></p-calendar>
</div>

来自 package.json 我的 Angular 和 PrimeNG 版本配置：

    "@angular/animations": "^9.1.9",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.7",
    "@angular/compiler": "~9.1.7",
    "@angular/core": "~9.1.7",
    "@angular/forms": "~9.1.7",
    "@angular/platform-browser": "~9.1.7",
    "@angular/platform-browser-dynamic": "~9.1.7",
    "@angular/router": "~9.1.7",
    "primeflex": "^1.3.1",
    "primeicons": "^4.0.0",
    "primeng": "^9.1.2",

有什么想法或建议吗？提前致谢

Answer 1

抱歉回答晚了。您发布的代码中的错误是您正在使用空字符串初始化表单控件，但是由于 p-calendar 接受日期值，您应该使用空字符串对其进行初始化。

您编写的错误消息来自于将表单绑定到日期字符串而不是日期对象。

当我在 Angular 9 中使用来自 PrimeNG 的 <p-calendar> 时，位置 2 出现错误意外文字

ERROR Unexpected literal at position 2 when I used <p-calendar> from PrimeNG in Angular 9

primeng

angular