Как закрыть p-календарь после выбора даты в angular2

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

У меня та же проблема с рабочим простым управлением версиями v7 угловая 6

Вы можете просто добавить hideOnDateTimeSelect="true" во входной код и автоматически исчезнет после выбора даты и времени

Answer 3

Поскольку это всплывающее окно, inline не установлено на true, оно должно закрываться при выборе даты. Я бы удалил один за другим атрибут для теста. Проверьте также консоль на случай, если какие-либо ошибки будут зарегистрированы.

---

обновление: вам не хватает некоторых необходимых модулей для углового применения. Консоль:

Пожалуйста, включите "BrowserAnimationsModule" или "NoopAnimationsModule" в ваше приложение.

Это не относится к p-календарю. p-календарь не отображается.

---

update2: у вас есть primeng v6 и angular v7. Они не совпадают. Я бы попробовал это с угловым v6 или если есть primeng v7 для углового v7.