在angular2中选择日期后如何关闭p-calender [英] How to close the p- calender after selecting date in angular2

问题描述

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

I have used prime ng calender, when i select the date, the calender is not closing How do i close the calender after selecting date.

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>

作为参考，我正在添加链接

For reference i am adding link

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

推荐答案

示例来自 primeng 日历演示 适用于您的示例，只需添加:

Example from primeng calendar demo works in your example, just add:

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

或者，在您的示例中:

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

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

So, since showTime property is used, you need hideOnDateTimeSelect="true" for the behaviour you've described.

这篇关于在angular2中选择日期后如何关闭p-calender的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！