Question

我有一个带有日期字段的表格。最初，日期字段为空。当用户选择一个日期然后单击清除按钮时，输入数据将保留在那里。

我尝试使用date = null且未定义，但没有成功

ts

private clearValues(row: RecordDto) {
  row.Date= null
  row.contactName = null
}

html

<ng-container matColumnDef="Date" >
    <div class="date-picker-container" >
      <input class="date-picker form-control" ngx-mydatepicker
             (dateChanged)="onDueDateUpdate($event, row)"
             [options]="datePickerOptions" #dueDatePicker="ngx-mydatepicker"
             [errorStateMatcher]="matcher"
             [appRequiredIf]="selection.isSelected(row)"/>
      <button type="button" mat-button class="button-calendar"
              (click)="dueDatePicker.toggleCalendar()"
              [disabled]="row.taskName.notApplicable"></button>
    </div>
  </mat-form-field>
</td>
</ng-container>

Answer 1

projectQualityDetails > metrics库具有一个内置函数来清除日期（请参见文档：https://github.com/kekeh/ngx-mydatepicker/blob/master/README.md#cleardate-function）。 ngx-mydatepicker定义了局部变量名称#dueDatePicker="ngx-mydatepicker"。您可以使用此变量来调用dueDatePicker的内置函数（请参见文档：https://github.com/kekeh/ngx-mydatepicker/blob/master/README.md#functions）

然后在您的组件中，使用ngx-mydatepicker访问dueDatePicker并清除日期。

@ViewChild

清除表单后如何重设日期字段

1 个答案: