Закройте всплывающее окно ngbDatePicker с Angular из машинописного текста - PullRequest
Новая
       49

Закройте всплывающее окно ngbDatePicker с Angular из машинописного текста

0 голосов
/ 02 апреля 2020

Я использую Angular 9 с Ng- Bootstrap, и у меня возникла проблема с моим ngb-datepicker. У меня есть DatePicker Range во всплывающем окне, и я хочу закрыть его, когда диапазон выбран.

У меня есть проблема, я хотел бы закрыть его с помощью функции close () из TS, а не непосредственно в компонент.

Как я могу получить свой DatePicker в моем коде TS и закрыть его?

Вот мой код datePicker: 

enter <div class="form-group hidden">
                    <div class="input-group">
                      <input name="datepicker1"
                             class="form-control"
                             ngbDatepicker
                             #d1="ngbDatepicker"
                             [autoClose]="'outside'"
                             (dateSelect)="onDateSelection($event)"
                             [displayMonths]="2"
                             [dayTemplate]="t"
                             outsideDays="hidden"
                             [startDate]="fromDateStart"
                             [hidden]="true"><ng-template #t let-date let-focused="focused">
                        <span class="custom-day"
                              [class.focused]="focused"
                              [class.range]="isRange(date)"
                              [class.faded]="isHovered(date) || isInside(date)"
                              (mouseenter)="hoveredDateStart = date"
                              (mouseleave)="hoveredDateStart = null">
                          {{ date.day }}
                        </span>
                      </ng-template></div><div class="input-group">
                      <input #dpFromDateStart
                             class="form-control" placeholder="yyyy-mm-dd"
                             [value]="formatter.format(fromDateStart)"
                             (input)="fromDateStart = validateInput(fromDateStart, dpFromDateStart.value);d1.close()"
                             formControlName="startDateOp">
                      <div class="input-group-append">
                        <button class="btn btn-outline-secondary calendar" (click)="d1.toggle()" type="button"></button>
                      </div>
                    </div>

Надеюсь, вы можете помочь меня на этом. Спасибо заранее. Если вам нужна дополнительная информация, не стесняйтесь спрашивать.

...