如何重置 bsDatepicker 输入？答案

【问题标题】：How to reset the bsDatepicker input?如何重置 bsDatepicker 输入？
【发布时间】：2020-02-01 16:52:48
【问题描述】：

我在 Angular 7 项目中使用了引导程序 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>

你知道我应该怎么做才能重置日期选择器输入并清空它们吗？

【问题讨论】：

标签： javascript angular forms typescript datepicker

【解决方案1】：

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

在你的函数中在form.reset();之后添加下面的行

this.selectedStartDate.value = ' ';

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

【讨论】：