“Angular 5+ 引导日期和时间选择器” - 选择完成隐藏它答案

【问题标题】：“Angular 5+ bootstrap date & time picker” - selection Done hide it“Angular 5+ 引导日期和时间选择器” - 选择完成隐藏它
【发布时间】：2019-01-22 23:39:55
【问题描述】：

我使用 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>

【问题讨论】：

标签： angular show-hide

【解决方案1】：

您的第一个问题是：您实际上并不知道用户何时完成了他的选择。最安全的方法似乎是使用(change)，但这可能很烦人。为此，只需在 onCustomDateChange() 中交换您的 showCalendar 标志

(selectionDone) 不起作用，因为它不是选择器组件的已知输出 -> https://dalelotts.github.io/angular-bootstrap-datetimepicker/components/DlDateTimePickerComponent.html

【讨论】：