Question

我已经安装了PrimeNG，并且想要使用它的Calendar组件。因此，我制作了一个 MyCalendar 组件：

TS文件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-calendar',
  templateUrl: './my-calendar.component.html',
  styleUrls: ['./my-calendar.component.css']
})
export class CalendarDemoComponent  {    
    myDate1: Date;       
}

HTML文件：

<div class="ui-g ui-fluid">
  <div class="ui-g-12 ui-md-4">
      <h3> A simple canedar </h3>
      <p-calendar [(ngModel)]="myDate1"></p-calendar> {{myDate1|date}} // line 4
  </div>
</div>

通过运行应用程序，我在控制台上收到此错误：

CalendarDemoComponent.html：4错误错误：具有未指定名称属性的表单控件没有值访问器

您能帮我找出代码中的错误吗？

Answer 1

您应该具有日历的名称属性，

<p-calendar [(ngModel)]="myDate1" name="date" dateFormat='dd/mm/yy'"></p-calendar>

Answer 2

问题是应用模块中缺少 CalendarModule 。（我已将其导入到 MyCalendar 模块中）。

import {CalendarModule} from 'primeng/calendar';    

    imports: [
    BrowserModule,
    BrowserAnimationsModule,    
    CalendarModule
  ]

日历PrimeNG不起作用

2 个答案: