Primeng日历会弹出多个日历

Question

我不知道为什么，但是当我点击日历的输入框时，第一次显示单个日历，但是当我第二次点击输入框时，它会打开另一个日历，依此类推。我正在使用webpack和angular 4

日期picker.component.html

<div class="ui-g">
 <div class="ui-g-12 ui-md-4">
   <p-calendar [(ngModel)]="fromDate" ></p-calendar>
 </div>
</div>

日期picker.component.ts

import { Component, OnInit, ElementRef } from '@angular/core';
import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR} from 
'@angular/forms';

@Component({
 selector: 'date-picker',
 templateUrl: './date-picker.component.html' 
})

export class DatePickerComponent {
  public fromDate: Date;
  constructor(private el: ElementRef) { }
}

Answer 1

我遇到了同样的问题。问题与primeng库没有直接关系。 在我的例子中，一个变量（日历未使用）未初始化：

  

ERROR TypeError：this.tasks未定义

我在浏览器控制台中看到此错误，修复了它并且日历完美无缺。 所以我建议，检查浏览器控制台是否有任何错误并修复它们。

Answer 2

问题在于primeng日历在日期选择时与ES标准不同。在模型日期是2014年1月1日。打字稿试图插入2014年1月1日，但是datepicker不接受它，它预计在01/01/2014。

我遇到与Primeng类似的问题，格式在primeng中发生，错误也不同。有时它确实说在索引0处发现错误或其他一些奇怪的错误

来袭！我觉得问题与bootstrap datepicker相同。