按ESC或在窗口外单击时,日期弹出窗口不会关闭

时间:2019-10-22 20:19:05

标签: angular

当我按 ESC 或在窗口外部单击时,

日期弹出窗口不会关闭。
仅当ngbDatepicker分为两个部分以进行额外的美化时,才会发生这种情况。
我们将不胜感激。 Angular 7 是当前使用的版本。

<div class="input-group input-margin-top">
    <div class="clearable">
        <i class="clearable-clear mdi mdi-calendar-text"  (click)="toggleDatepicker($event)" ></i>
        <input class="input-style"  #ngbDp name="dp" [readonly]="true"  [(ngModel)]="start_date"  ngbDatepicker
         (ngModelChange)="onStartDateChange($event)">
    </div>
</div>
<div #calendarStart class="date-picker popup">
    <div class="close-button-row">
        <button class="ml-auto" (click)="toggleDatepicker($event)">
            <i class="mdi mdi-close"></i>
        </button>
    </div>
    <div class="flex-row-center">Start Date</div>
    <ngb-datepicker #dp [(ngModel)]="start_date" (navigate)="date = $event.next" name="ngbDp"
        [minDate]="minDate" [maxDate]="maxDate" (ngModelChange)="onStartDateChange($event)">
    </ngb-datepicker>
</div>

0 个答案:

没有答案