Модальное окно 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

Существует проблема, если вы используете showTime = "true", удалите [showTime], и ​​он отлично работает.

Answer 2

Перейдите на primeng в node_modules и откройте primeng-> компоненты-> календарь, откройте calendar.js и добавьте функцию

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

и добавьте кнопку в шаблон (вы можете найти строку шаблонаоколо 1700 до 1710)

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

Надеюсь, это решит вашу проблему