Question

我在Angular 7项目中使用了Bootstrap Datepicker。我把它作为输入放在这样的表单中：

单击“清除”按钮后，我想清除所有表单。 form.reset（）函数不适用于datepicker输入。

 <div class="col-lg-8 form-group">
          <input id="startDate" type="text" placeholder="From" 
          class="form-control" bsDatepicker
          [bsConfig]="{ adaptivePosition: true, dateInputFormat:'YYYY- 
          MM-DD'}" [(ngModel)]="selectedStartDate"
            (ngModelChange)="updateMyStartDate($event)" [ngModelOptions]=" 
          {standalone: true}">
 </div>

您知道如何重置日期选择器输入并将其清空。

Answer 1

您必须在清除按钮单击时重置输入/ ngModel值。

在函数中form.reset();的下方放置一行

this.selectedStartDate.value = ' ';

（例如https://stackblitz.com/edit/angular-nv5qts?file=app%2Fdatepicker-overview-example.ts）

如何重置bsDatepicker输入？

1 个答案: