«Angular 5+ bootstrap Date & Time Picker» - выбор закончен скрыть - PullRequest
Новая
       29

«Angular 5+ bootstrap Date & Time Picker» - выбор закончен скрыть

0 голосов
/ 22 января 2019

Я использовал загрузчик даты и времени Angular 5+, мне нужна форма поддержки значений для ввода Поле ввода и щелкните значок «Показать выбор даты», когда выбор будет завершен, удалите этот выбор даты.Как добиться скрытия даты выбора.Я попытался добавить (selectionDone) = "done()", но не могу войти в эту функцию. 

<div class="calendar-angular">
  <input type="text" class="form-control" name="inputdisable" value="" [(ngModel)]="selectedDateDisplay" (change)="changeData(date)">
  <span class="icon-icon_calendar" (click)="showCalendar = !showCalendar"></span>
  <div class="border calendar_box" *ngIf="showCalendar">
    <dl-date-time-picker startView="day" maxView="year" minView="hover" minuteStep="5" [(ngModel)]="selectedDate" (change)="onCustomDateChange($event)" (selectionDone)="done()">
    </dl-date-time-picker>
  </div>
</div>

1 Ответ

0 голосов
/ 22 января 2019

Ну, ваша первая проблема: вы на самом деле не знаете, когда пользователь завершит свой выбор.Кажется, самый безопасный способ использовать (change), но это может раздражать.Для этого просто поменяйте свой флаг showCalendar внутри onCustomDateChange()

(selectionDone) не работает, поскольку он не известен как выход компонента выбора -> https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html

...