在angular2中选择日期后如何关闭p日历

Question

我使用了压光机，当我选择日期时，压光机没有关闭 选择日期后如何关闭压延机。

HTML：

 <p-calendar [monthNavigator]="true" [yearNavigator]="true" yearRange="1910:2020" showButtonBar="true" showTime="true" dateFormat="mm-dd-yy"
              placeholder="mm-dd-yyyy" formControlName="End" [minDate]="yesterday" class="pull-left"></p-calendar>

供参考，我正在添加链接

https://stackblitz.com/edit/angular-vjupfn?file=src%2Fapp%2Fapp.module.ts

Answer 1

primeng calendar demo中的示例适用于您的示例，只需添加：

<div><p-calendar [(ngModel)]="date1"></p-calendar></div>

或者在您的示例中：

<div><p-calendar [(ngModel)]="date1" showTime="true" hideOnDateTimeSelect="true" ></p-calendar></div>

因此，由于使用了showTime属性，因此您需要hideOnDateTimeSelect="true"来描述行为。

Answer 2

由于弹出，inline未设置为true，因此在选择日期时必须将其关闭。我会一一删除属性以进行测试。 还要检查控制台，以防记录一些错误。

---

更新：您缺少一些角度应用所需的模块。控制台：

  

请在您的应用程序中包括“ BrowserAnimationsModule”或“ NoopAnimationsModule”。

这与p日历无关。 p日历未呈现。

---

update2：您具有primev6和angular v7。他们不匹配。我会尝试使用角度v6或角度v7是否有补漆v7。

Answer 3

我在使用主要的ng控件版本v7 angular 6时遇到相同的问题

您只需将hideOnDateTimeSelect="true"添加到您的输入代码中，然后 选择日期和时间后，它将自动消失