选择日期和时间后，p日历弹出模式未关闭

Question

我正在使用p-calendar，如下所示

<p-calendar showTime="showTime" placeholder="Start Date & Time" hourFormat="24" [minDate]="minDate" [defaultDate]="minDate" (click)="onPickDate()" formControlName="pick_up_datetime" [touchUI]="true"></p-calendar> 

工作正常。此日历同时显示Date & Time。在这里，我的问题是关于在启动日历中选择日期和时间，当单击button时应该隐藏它。有什么办法吗？

Answer 1

转到primeng中的node_modules并打开primeng-> components-> calendar并打开calendar.js并添加功能

Calendar.prototype.onSetButton = function (clickedElement) {
        this.disableModality();
    };

并在模板中添加一个按钮（您可以在1700到1710之间找到模板行）

 <button id=\"set-button\" type=\"button\"  (click)=\"onSetButton(this)\">Set</button>

希望它将解决您的问题

Answer 2

如果您使用的是showTime =“ true”，请删除[showTime]，它会很好地工作。