ngx-日期选择器更改类或删除"invalid date"

Question

我正在使用ngx-datepicker，如果日期无效，则尝试更新类。我在 Angular 5 上并尝试使用 [ngClass] .如果在日期字段中键入了无效日期，则在字段中显示"无效日期"。有没有办法删除此文本并在日期字段上应用has-error类？这是我的模板的样子：

<div class="col-lg-3 form-group"  [ngClass]="{'has-error':!isDateValid()}" >
    <div class="input-group">
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" (click)="dpFromDate.toggle()">
                <i class="fa fa-calendar"></i>
            </button>
        </span>
        <input id="fromDate" name="fromDate"  #dpFromDate="bsDatepicker" bsDatepicker [(ngModel)]="fromDate" type="text" [bsConfig]="{containerClass:'theme-dark-blue'}"
            class="form-control">
    </div>

Answer 1

我设置了一个函数来处理错误。它看起来像这样。

<input
        #dp="bsDatepicker"
        [bsConfig]="bsConfig"
        (change)="isInvalidDate($event)"
      />

然后它被处理

isInvalidDate( event ){
let test = event.target.value;
if ( test == 'Invalid date' ){
  event.target.value = formatDate (new Date () , 'MM/dd/yyyy' , 'en'); // Change it here
}}