ng2-daterangePicker:重置表单时无法清除输入(Angular)

时间:2018-01-11 14:55:20

标签: angular typescript user-interface angular-forms

我在Angular项目中使用ng2-daterangepicker,我需要在重置Angular Form时清除输入字段。 我用过" autoUpdateInput:false"在我的ngOnit()函数中,当我应用日期时,我将其设置为true。因此,当我第一次加载页面时,该字段是清楚的,但我也需要将它绑定到重置表单函数。

我对daterangePicker的html标记: <input class="input-group input-group-xs form-control input-sm" type="text" name="daterangeInput"daterangepicker [options]="dateRangeOptions" (selected)="selectedDate($event)" />

我的重置功能:(日期范围是DateRangePickerComponent的变量)

     private resetSearch(event) : void {
        this.breaksForm = this.fb.group({
              ...
        })
       this.daterange.settings={autoUpdateInput:true};
     }

1 个答案:

答案 0 :(得分:1)

此问题已被开发人员所知,并已在1.6.0版本中得到纠正。

在datepicker中有一个按钮清除,或者你可以将你的日期选择器链接到NgModel并在NgInit方法上重置你的模型