网站搜索

typescript - Angular Ts [Primeng] 我如何让这个 p-calendar 在点击后不自动关闭


当点击按钮时,它只会打开时间选择器,本应是 p-calendar,但现在的问题是,当我点击增加或减少时间时,每点击一次都会引起自动关闭的问题。有人能帮忙解决这个问题吗?我也尝试过使用 autoclose='false',但似乎不起作用

Angular 版本: 9.1.3 Node: 12.21.0 Primeng 版本: 9.0.5

           <button
            type="button"
            [ngbPopover]="buttonContent"
            class="btn-date"
            (onSelect)="onInput()"
            placement="bottom"
            autoClose="false">
            <i class="spark-icon icon clipboard-text regular text-dark"></i>
          </button>
          
            <ng-template #buttonContent> 
            <div> 
                `<p-calendar [inline]="true" [showTime]="true" timeOnly="true" [(ngModel)]="endSelectedTime"></p-calendar> `
            </div> 
            </ng-template>

答案#1

终于在这里找到了

基本上你可以使用 [hideOnDateTimeSelect]="false" 属性。(是的,它与你的 primeng 版本兼容。)