时间戳

首页 > 解决方案 > 错误当我使用时，位置 2 出现了意外的文字来自 Angular 9 中的 PrimeNG

angular - 错误当我使用时，位置 2 出现了意外的文字来自 Angular 9 中的 PrimeNG

问题描述

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

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

这是我的代码的一部分：

公式rio.component.ts

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

公式rio.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",

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

标签： angularprimeng

解决方案

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

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

推荐阅读