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

我使用了prime ng日历，当我选择日期时，日历没有关闭 选择日期后如何关闭日历

HTML:

作为参考，我添加了链接

---

由于它是弹出的，

inline

未设置为

true

，因此在选择日期时它必须关闭。我将逐个删除属性以进行测试。 如果记录了一些错误，也请检查控制台

---

更新：角度应用程序缺少一些必需的模块。控制台：

请在应用程序中包含“浏览动画模块”或“NoopAnimationsModule”

这与p-calendar无关。不渲染p-calendar

---

更新2：您已经启动了v6和v7。他们不匹配。我会尝试使用angular v6，或者如果angular v7有Priming v7。

示例中的works在您的示例中，只需添加：

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

或者，在您的示例中：

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

---

因此，由于使用了

showTime

属性，您需要

hideOnDateTimeSelect=“true”

来实现您所描述的行为。

我在使用prime ng控件版本v7和V6时也有同样的问题

您只需在输入代码中添加

hideOnDateTimeSelect=“true”

，然后

---

选择日期和时间后，它将自动消失

乍一看，我不知道映射到p-calendar的属性是什么。AppComponent没有“值”属性。请检查是否有update2中说明的兼容角度和素描版本。它也不适用于v6:，但如果showIcon设置为true，则可以通过单击按钮删除日历。（切换开/关）。是的，所以我们只能添加一次关闭方法或手动选择日期才能关闭？

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