bsDatepicker 不适用于 Angular 表单验证

Question

我在我的 Angular 应用程序中使用引导日期选择器。我想添加验证以验证日期是否正确（不是“无效日期”），但是当我为此控件添加 formControlName="birthDate" 时，日历无法正常工作，小弹出窗口中的日期重复窗口，你能告诉我如何解决这个问题吗？

<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  <input type="text" class="form-control input-sm" id="birthDate" name="birthDate"
         formControlName="birthDate"
         bsDatepicker
         [bsConfig]="{dateInputFormat: 'DD/MM/YYYY'}"
         [(ngModel)]="response.date"
         [disabled]="IsNotModifiable()">
</div>

我尝试添加属性(input)=verify() 来检查日期，但从未触发。

Answer 1

<div class="input-group mb-3">
   <input [(ngModel)]="Date" placeholder="MM/DD/YYYY" class="form-control" formControlName="Date" #dateneeded ="bsDatepicker" bsDatepicker [bsConfig]="datepickerConfig">
       <div class="input-group-append">
           <span class="input-group-text" (click)="dateneeded.show()">
           <i class="far fa-calendar-plus" value="open"></i>
           </span>
        </div>
   </div>

这段代码对我有用。确保你在 appmodule.ts 中导入了 bsdatepicker 模块