原始日历弹出多个日历

Question

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

date-picker.component.html

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

date-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库没有直接联系。在我的例子中，一个变量(日历没有使用)没有初始化：

错误TypeError:未定义this.tasks

我在浏览器控制台中看到了这个错误，修复了它，日历工作得很好。因此，我建议，检查浏览器控制台是否有任何错误并修复它们。

Answer 2

问题是与原始日历，它不一样的工作与ES标准时，日期选择。当模型日期为2014年1月1日时。Typescript尝试插入2014年1月1日，但datepicker不接受，它预计2014年1月1日。

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

中招了！我觉得bootstrap datepicker也有同样的问题。