ngx-datepicker 更改类或删除“无效日期”答案

【问题标题】：ngx-datepicker change class or remove "invalid date"ngx-datepicker 更改类或删除“无效日期”
【发布时间】：2018-04-04 15:51:17
【问题描述】：

如果日期对 has-error 类无效，我正在使用 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>

【问题讨论】：

问题不是很清楚，dpFromDate指的是什么？表单控件还是什么？
我已经更新了我的问题。它对 bsdatepicker 指令的模板引用。 valor 的网站上没有任何关于验证的文档。
valor-software.com/ngx-bootstrap/#/datepicker

标签： angular ngx-bootstrap

【解决方案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
}}

【讨论】：