Question

我正在使用ngx-datepicker并尝试更新类，如果日期对于has-error类无效。我在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
}}

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

1 个答案: