angular - 如何在 Angular 5中禁用猫头鹰日期时间选择器中的过去日期

Question

我正在使用 Angular 5 中的 owl-date-time 选择器。当我从选择器中选择今天的日期时，它不应显示过去的日期和月份。

代码:

<div class="form-group">
 <label class="control-label col-sm-2 date-right-padding">Date</label>
  <div class="col-sm-5 datePickerField no-left-padding">
   <input [owlDateTime]="createTaskDatePicker" maxlength="19" 
    [disabled]="isDateEnabledCreateTask" 
    [(ngModel)]="createTask.activationDate" placeholder="dd/MM/yyyy hh:mm" 
    class="form-control owl-date-time-input" name="createTaskDate" 
    (click)="clearCreateTaskErrorMessages()">
   <owl-date-time #createTaskDatePicker></owl-date-time>
 </div>
 <div class="col-sm-1 datePickerIcon">
 </div>
</div>

注意:

当用户选择当前日期时，应禁用过去的日期。

问题:

如何在 owl-date-time 选择器中禁用过去的日期。

您的建议对我很有帮助。

Answer 1

• 首先在组件中添加当前日期:

  public todayDate:any = new Date();
  

• 然后将以下属性添加到 html 输入:

  [min]="todayDate"